vue+websocket+express+mongodb实战项目（实时聊天）（一）
vue+websocket+express+mongodb实战项目（实时聊天）（二）
- 完成聊天室
- 机器人聊天
- 登录，注册功能。
- 整站界面部署
- 增加上传图片
- 首屏优化以及改造
- 增加alert,confirm,toast,loading,svg-modal,localStroage等组件。
- 增加历史记录功能
- 增加多个聊天室功能
- 接入前端监控
- 优化切页的效果
- 增加日志记录
- 加入一键部署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改成自己的项目地址。
body: {
name: （String） // 用户名称
password: （String） // 密码
src: （String）// 随机头像
}
body: {
name: （String） // 用户名称
password: （String） // 密码
}
formdata格式
formdata {
file: (Object) // file文件
username: (String) //用户名
src: ( String) // 头像
roomid: (String) // 房间号
time:( Date) // 时间戳
}
query：{
roomid: (String) // 房间号
}
query：{
current: (number)// 当前页数 默认80条/页
roomid: (String) // 房间号
}
query：{
info: (String)// 信息
id: (String) // 用户名字
}
- 聊天功能 -- 完成
- 多个聊天室 -- 完成
- 与机器人对接 -- 完成
- 图片发送 -- 完成
- 注册功能 -- 完成
- 登录功能 -- 完成
- 历史记录 -- 完成
- 前端 vue，vue-router ,vuex
- 后端 nodejs，express
- 数据库 mongodb
- 通讯 websocket
- 脚手架工具 vue-cli
最后上几张图。
