百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

一款高颜值、跨平台、自托管的免费开源CRM项目——Twenty

toqiye 2025-03-14 20:55 22 浏览 0 评论

前言

大家好,这里是可爱的Cherry。

作为一个“甲方”,Cherry其实挺知道客户管理的重要的。但是对于客户管理怎么做,以及CRM的作用,我却是一无所知。

之前有朋友在评论区留言,说有没有开源的CRM系统介绍,于是Cherry找了一款比较新的项目——Twenty,不仅高颜值,而且项目更新频率很高,据说还引入了一些CRM的创新。

唯一的遗憾就是没有中文,不过现在在浏览器插件那么强力的时代,有无中文区别也不大了。

以下为官方介绍:

Twenty 是一个开源 CRM,旨在构建 Salesforce 的现代替代方案:使用愉快、易于扩展、与你的数据完美同步。

为什么要选择Twenty?
完全自托管,使用docker compose方便的部署
全新的数据分析方式,围绕您的数据构建,允许您访问和可视化任何现有来源。
便捷方便的页面:从Notion中汲取灵感,让CRM拥有更好的用户界面和自定义功能。

系统首页


系统使用

一、系统初始化

设置登录账号和密码

设置工作空间

设置账号

二、系统模块介绍

客户管理页面,可以添加、筛选、排序、编辑和跟踪客户,设定ARR参数、地址、领克、社交平台等

机会面板,自定义任何面板,可以是会议、通知、合同机会、建议、质量控制等内容

通过电子邮件集成轻松跟踪交易:

定制数据模型,对展板进行自定义设计

以时间线进行业务处置,并可添加大量注释

任务面板、todo管理、项目管理协同

丰富的API接口与webhook集成接口


系统部署

一、compose与.env文件

compose代码,修改相关内容

version: "3.9"
services:
  twenty:
    image: twentycrm/twenty-front:${TAG}
    ports:
      - 33001:3000 	   #自定义前台端口
    environment:
      - SIGN_IN_PREFILLED=${SIGN_IN_PREFILLED}
      - REACT_APP_SERVER_BASE_URL=${LOCAL_SERVER_URL}
      - REACT_APP_SERVER_AUTH_URL=${LOCAL_SERVER_URL}/auth
      - REACT_APP_SERVER_FILES_URL=${LOCAL_SERVER_URL}/files
    depends_on:
      - backend
  backend:
    image: twentycrm/twenty-server:${TAG}
    ports:
      - 33002:3000		#自定义后台端口
    environment:
      - SIGN_IN_PREFILLED=${SIGN_IN_PREFILLED}
      - PG_DATABASE_URL=${PG_DATABASE_URL}
      - FRONT_BASE_URL=${FRONT_BASE_URL}
      - PORT=3000
      - STORAGE_TYPE=local
      - STORAGE_LOCAL_PATH=.local-storage
      - ACCESS_TOKEN_SECRET=${ACCESS_TOKEN_SECRET}
      - LOGIN_TOKEN_SECRET=${LOGIN_TOKEN_SECRET}
      - REFRESH_TOKEN_SECRET=${REFRESH_TOKEN_SECRET}
      #- EMAIL_SMTP_HOST=smtp.gmail.com
      #- EMAIL_SERVER_PORT=465
      #- EMAIL_SERVER_USER=gmail_email_address
      #- EMAIL_SERVER_PASSWORD='gmail_app_password'
      #- EMAIL_FROM_ADDRESS=cgakki_mail@cgakki.top
      #- EMAIL_FROM_NAME=cherry from cgakki.top
    depends_on:
      - db 
  db:
    image: twentycrm/twenty-postgres:${TAG}
    volumes:
      - twenty-db-data:/var/lib/postgresql/data
    environment:
      - POSTGRESQL_PASSWORD=${POSTGRES_PASSWORD}
volumes:
  twenty-db-data:

.env代码,修改相关内容。不想用的.env的直接把变量的值替换到上面的compose内即可。

TAG=latest
PG_DATABASE_URL=postgres://twenty:twenty@db:5432/default
FRONT_BASE_URL=http://localhost:33001   #修改前端网址
LOCAL_SERVER_URL=http://localhost:33002   #修改后端网址,建议domain
ACCESS_TOKEN_SECRET=PWD2   		#密码1
LOGIN_TOKEN_SECRET=PWD3			#密码1
REFRESH_TOKEN_SECRET=PWD4		#密码3
SIGN_IN_PREFILLED=false
POSTGRES_USER=postgres
POSTGRES_PASSWORD=twenty
POSTGRES_ADMIN_PASSWORD=twenty

二、群晖部署

使用文本编辑器,新建docker-compose.yml和.env两个文件,分别拷贝代码并保存

打开container manager,选择项目,点击新建,选择twenty路径后即可

三、Dockge部署

首先在dockge目录下新建twenty目录

新建一个.env文件,将代码复制进去

然后使用dockge部署,填上名字,将代码复制到右侧部署即可。

四、数据库初始化

打开SSH,连接到twenty_backend-1容器

#进入容器
docker exec -it twenty_backend-1 /bin/sh
#或者来到twenty文件夹下  docker-compose exec -it backend /bin/sh
#初始化数据库
yarn database:init

相关推荐

【SQL】SQL 语法差异大全(PgSQL/MySQL/Oracle/TiDB/OceanBase)

以下是针对不同数据库系统的SQL语法差异总结,按功能分类展示:一、基础查询1.分页查询--PostgreSQL/TiDB/OceanBaseSELECT*FROMTableNameL...

msf系列片之vps搭建,黑客的世界你真的了解嘛?

最后喜欢我文章的朋友请加圈子关注我们,私信关键词:学习。(送免费资料和优惠券)就会自动分享给你微信号。欢迎大家加入我们的安全大家庭。提高大家的安全意识,提升大家的网络安全技能一直是我们的初衷和愿景,让...

小技巧:ubuntu 24.04.1中自带Python升级到3.12.9和3.13.2最新版

喜欢的条友记得关注、点赞、转发、收藏,你们的支持就是我最大的动力源泉。这几天一直有朋友问我,如何将ubuntu24.04.1中自带Python升级到最新版,今天就来详细讲讲。方法1:使用DeadSn...

linux下开发一个应用,首先要做什么?

作为一个linux的忠实用户,日常工作基本上不用windows系统。为什么这么说呢?word加上QQ不用不行呀。有人说LibreOffice加上Pidgen可以替代,但实际上部分word会排版不正确,...

ubuntn部署flask(flask如何部署)

1.装一下pyenvgitclonehttps://github.com/pyenv/pyenv-virtualenv.git$(pyenvroot)/plugins/pyenv-virtu...

招聘平台HireVue完成E轮融资 并推面试平台

Yesky天极新闻2015-06-0316:31:55【Yesky新闻频道消息】日前,在线视频面试的招聘服务初创企业HireVue获得4500万美元E轮融资。由TechnologyCrossove...

面试官:说一下vue2和vue3的响应式原理

Vue2的响应式原理:初始化阶段:在创建Vue实例时,遍历data对象的属性,使用Object.defineProperty方法为每个属性定义getter和setter。Getter拦截:在gett...

vue3还用this吗?getCurrentInstance获取当前组件实例

在Vue2中,this关键字代表当前组件实例。在组件的选项对象中,this可以用于访问组件实例的属性、方法以及Vue实例的一些特定方法。在Vue3中,我们发现this是undefined...

Vue.js 中的异步组件是什么?(vue.js异步请求)

本号用于每日更新前端最新面试题,React、Vue、小程序、JavaScript、HTML5、CSS、uniapp、ES6、前端工程化、性能优化等热点面试题~~~欢迎关注,面试题刷起来~~升职加薪不是...

面试官:聊聊你知道的Vue与React的区别

最近面到很多大公司的时候,小编都会碰到一个很尴尬的问题,很多大公司的技术栈都是React,但是小编学的是Vue,其实从本质上来说两者都是比较优秀的前端框架,所以有些面试官会问到Vue和React的区别...

Vue核心响应式原理深度解析!手写TodoList实战

导读:搞懂这个知识点,秒杀80%前端面试题!原理+实战+调试技巧三合一核心1:数据响应式黑科技(图解)原理示意图数据变化→依赖收集→自动更新视图Vue2vsVue3实现对...

前端面试题-原生 js 如何进行监听路由的变化?vue框架是否用到?

在原生JavaScript中监听路由变化的方式主要分为两种场景:监听哈希(Hash)路由变化和监听HistoryAPI的路由变化。Vue框架本身并不直接处理路由监听,但Vue的官方路由...

vue引入element-ui后界面空白(vue怎么引入element)

正文部分配置vue:3.0vue-cli:4.5.11目的使用element-ui绘制ui界面原本操作(1)安装element-uinpmielement-ui-S(2)导入element-ui...

前端面试-关于vue3的响应式原理(vue响应式的原理一句话概括)

现在工作不好找的环境中,想要更好获得工作机会,让我们一起准备面试题吧~Vue3的响应式系统采用ES6的Proxy实现数据劫持,与Vue2的Object.defineProperty有...

2024前端大厂面试题 Vue.js中的keep-alive组件有什么作用

小伙伴们在面试前端开发工程师的时候是不是会遇到面试官问Vue.js中的keep-alive组件有什么作用?今天我们就来告诉大家,解锁2024大厂vue面试题Vue.js中的keep-alive组件有什...

取消回复欢迎 发表评论: