vue+koa2+mongodb前后端分离聊天系统开源

前言

继上个纯前端模仿telegram聊天系统后我决定加上后端功能，这次考虑使用更加简洁界面和更加优雅的实现把UI界面也重构了。主要技术栈为Vue2+MongoDB+Koa2。该项目本应该是我2020年12月初就完成可以发布的了，综合考虑到毕业的相关工作，还是决定答辩完才开源。考虑到前端技术的发展飞快，我也考虑用Vue3+TS重构。考虑整个2021年我的工作主要内容还是AR特效滤镜和3D这方面学习投入比较多，我希望有想法的小伙伴能参与到这个项目中来！

• 开源地址

技术栈

Vue2全家桶+MongoDB+Koa2+socket.io+vant 2+ES6/7

项目启动

演示视频

启动环境：node、mongodb

git clone https://github.com/xxydrr/vue-koa-chat 

cd backend
npm install //安装后端依赖
mongod  //启动数据库
npm run init  //初始化一个系统账号
npm run dev   //启动服务器
cd ../
cd frontend   
npm run serve 

实现功能

• [x] 登录/注册/登出
• [x] 消息类型（文本/表情/图片/文件）
• [x] 好友（添加/删除/修改备注/模糊搜索好友）
• [x] 群组（普通群/广播群）/创建群/加入群/退群/模糊搜索添加的群
• [x] 未读消息统计/标为已读
• [x] 分组（未读/群组会话分组）
• [x] 添加好友/加群校验
• [x] 设置修改个人信息（密码/头像/年龄/手机号码/性别/邮箱/城市/昵称）
• [x] 查看好友/群组信息
• [ ] 持续完善...

项目截图

项目功能扩展想法

• 主题皮肤设置
• better scroll + 分页查询
• 我的页面加入游戏功能
• 我的页面加入stories功能

• 视频语音webRTC（暂时没有思路）

  说明

欢迎有对项目有扩展想法的伙伴能参与到这个项目来❤️❤️❤️

如果项目对您有帮助，您可以 "Star" 支持一下 感谢！🌹🌹🌹

我的vue2 + vuex 聊天系统入门项目。地址

参考资料

• MongoDB
• Mongoose
• vue-telegram
• socket.io
• Vchat