webchat

项目历程

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

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

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

releases

[1.1.0版本] (https://github.com/hua1995116/webchat/tree/v1.0.0)

[1.2.0版本] (https://github.com/hua1995116/webchat/tree/v1.2.0)

当前版本为重构后的版本。

具体改动可以看 vue-chat项目之重构与体验优化

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

最后上几张图。