cn3c3p / webchat

:speaker:基于vue2.0的实时聊天项目

webchat

项目历程

vue+websocket+express+mongodb实战项目（实时聊天）（一）

vue+websocket+express+mongodb实战项目（实时聊天）（二）

vue-chat项目之重构与体验优化

前端监控数据

http://www.qiufengh.com:8080/

releases

1.1.0版本

• 完成聊天室
• 机器人聊天
• 登录，注册功能。
• 整站界面部署

1.2.0版本

• 增加上传图片
• 首屏优化以及改造

2.0.0版本

• 增加alert,confirm,toast,loading,svg-modal,localStroage等组件。
• 增加历史记录功能
• 增加多个聊天室功能
• 接入前端监控
• 优化切页的效果
• 增加日志记录

2.2.0版本

• 加入一键部署cdn
• 将node功能模块分离

npm install -----安装依赖
npm run dev -----运行
npm run build -----打包
node prod.server.js -----打包后运行
//记得替换
view/Loan.vue下的io.connect('http://qiufengh.com/')
http://qiufengh.com:9090改成自己的项目地址。

在线观看 http://www.qiufengh.com/

实现功能

• 聊天功能 -- 完成
• 多个聊天室 -- 完成
• 与机器人对接 -- 完成
• 图片发送 -- 完成
• 注册功能 -- 完成
• 登录功能 -- 完成
• 历史记录 -- 完成

技术栈

• 前端 vue，vue-router ,vuex
• 后端 nodejs，express
• 数据库 mongodb
• 通讯 websocket
• 脚手架工具 vue-cli

最后上几张图。