vue+websocket+express+mongodb实战项目(实时聊天)(一)
vue+websocket+express+mongodb实战项目(实时聊天)(二)
[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:9090/')
http://qiufengh.com:9090改成自己的项目地址。
在线观看 http://www.qiufengh.com:9090/#/
- 聊天功能 -- 完成
- 多个聊天室 -- 完成
- 与机器人对接 -- 完成
- 图片发送 -- 完成
- 注册功能 -- 完成
- 登录功能 -- 完成
- 历史记录 -- 完成
- 前端 vue,vue-router ,vuex
- 后端 nodejs,express
- 数据库 mongodb
- 通讯 websocket
- 脚手架工具 vue-cli
最后上几张图。