MoChat —— 让企业微信开发更简单
项目简介
MoChat, easy way to WeWork
MoChat 是开源的企业微信应用开发框架&引擎,是一套通用的企业微信管理系统,得益于 Hyperf
框架的优秀,MoChat 可提供超高性能的同时,也保持着极其灵活的可扩展性。
应用场景
可用于电商、金融、零售、餐饮服装等服务行业的企业微信用户,通过简单的分流、引流转化微信客户为企业客户,结合强大的后台支持,灵活的运营模式,建立企业与客户的强联系,让企业的盈利模式有了多种不同的选择。
功能特性
六大模块助力企业营销能力升级:
- 引流获取:通过多渠道活码获取客户,条理有序分类
- 客户转化:素材库、欢迎语互动客户,加强与客户联系
- 客户管理:精准定位客户,一对一标签编辑,自定义跟踪轨迹,流失客户提醒与反馈
- 客户群管理:于客户的基础,进一步获取客户裂变,自动拉群。集中管理,快速群发
- 聊天侧边栏:提高企业员工沟通效率,精准服务
- 企业风控:客户聊天记录存档,并设立敏感词库、敏感词报警,多方位跟进管理员工服务
业务架构
严格的分层来保证架构的灵活性
核心技术
- 前端技术栈:
Vue
、Vuex
、Vant
、Ant Design of Vue
- 后端技术栈:
Java
、MySQL
、Redis
、Spring Boot
、MyBatis-Plus
、Spring Security
、Jwt
环境部署
准备工作
Java >= 1.8 (推荐1.8版本)
MySQL >= 5.7
Redis >= 3.0
Node.js >= 10
运行系统
后端运行
后端运行
- 导入 IDEA 中
- 创建数据库
mochat
并导入数据脚本api-server/install/mochat.sql
- 打开运行
com.mochat.mochat.MoChatApplication.java
假设你的安装目录为 /data/www/
# 进入项目目录
cd /data/www/
# 克隆项目文件
git clone https://github.com/mochat-cloud/mochat-java。git
# 更新子模块文件
git submodule update --init --recursive
修改相关配置文件
cd /data/www/mochat-java/api-server
修改 MySQL 数据库连接
- 编辑
resources
目录下的application.yml
查看spring配置中的active属性,然后根据属性值找到application-dev.xml或者是application-prod.xml(默认是dev环境) url
: 服务器地址username
: 账号password
: 密码
修改 Redis 相关配置
开发环境配置
-
编辑
resources
目录下的application.yml
-
port
: 端口 -
然后会在项目下生成
target
文件夹包含war
或jar
-
jar
部署方式:使用命令行执行java –jar mochat.jar
-
war
部署方式:pom.xml packaging
修改为war
放入tomcat
服务器webapps
直接启动bin目录下的./startup.sh(linux环境下) -
Nginx 配置:具体参考开发文档
-
初始管理员账号为 18888888888 密码123456
前端运行
# 进入项目目录
cd /path/to/mochat/dashboard
# 安装依赖
yarn install
# 修改 .env 中的配置
VUE_APP_API_BASE_URL= 接口地址
# 编译直接查看
yarn run dev
# 编译生成dist
yarn run build
前端部署
当项目开发完毕,只需要运行一行命令就可以打包你的应用
# dashboard 打包正式环境
yarn run build
# sidebar 打包正式环境
yarn run build
构建打包成功之后,会在根目录生成 dist
文件夹,里面就是构建打包好的文件,通常是 .js
、.css
、index.html
等静态文件。
通常情况下 dist
文件夹的静态文件发布到你的 nginx
或者静态服务器即可,其中的 index.html
是后台服务的入口页面。
项目介绍
文件结构
.
├── api-server------------------------------------------ 后端接口代码
├── dashboard------------------------------------------- 管理后台前端代码
├── sidebar--------------------------------------------- 聊天侧边栏前端代码
└── workbench------------------------------------------- 工作台前端代码
后端结构
.
├── com.mochat.mochat
│ ├── controller------------------------------------------- 控制器
│ ├── config----------------------------------------------- 应用配置
│ ├── dao-------------------------------------------------- 数据层
│ ├── common----------------------------------------------- 公共类
│ ├── interceptor------------------------------------------ 拦截器
│ ├── job-------------------------------------------------- 定时任务
│ ├── model------------------------------------------------ 模型层
│ ├── service----------------------------------- ---------- 逻辑层
│ ├── weixin.mp-------------------------------------------- 微信相关配置
│ ├── Service---------------------------------------------- 服务层
├── resourse
├── docker-compose.yml
├── docker-entrypoint.sh
├── Dockerfile
├── pom.xml
前端结构
dashboard 和 sidebar 项目结构类似
.
├── README.md------------------------------------------- 项目说明
├── babel.config.js------------------------------------- babel配置文件
├── config
│ ├── plugin.config.js-------------------------------- 插件配置文件
│ └── themePluginConfig.js---------------------------- 主题配置文件
├── jest.config.js
├── jsconfig.json
├── package.json
├── postcss.config.js
├── public
│ ├── favicon.ico------------------------------------- 浏览器icon
│ └── index.html-------------------------------------- Vue 入口模板
├── src
│ ├── App.vue----------------------------------------- Vue 模板入口
│ ├── api--------------------------------------------- Api ajax 等
│ ├── assets------------------------------------------ 本地静态资源
│ ├── components-------------------------------------- 业务通用组件
│ ├── core-------------------------------------------- 项目引导, 全局配置初始化,依赖包引入等
│ ├── global.less------------------------------------- 全局样式
│ ├── layouts----------------------------------------- 控制器
│ ├── main.js----------------------------------------- Vue 入口 JS
│ ├── router------------------------------------------ Vue-Router
│ ├── store------------------------------------------- Vuex
│ ├── utils------------------------------------------- 工具库
│ └── views------------------------------------------- 业务页面入口和常用模板
├── vue.config.js--------------------------------------- Vue主配置
└── webstorm.config.js---------------------------------- ide配置文件
联系作者加入群
部分演示图,持续更新
版权声明
MoChat 开源版遵循 GPL-3.0
开源协议发布,并提供免费研究使用,但绝不允许修改后和衍生的代码做为闭源的商业软件发布和销售!