仿微信网页聊天,使用vue框架,websocket实现聊天
VUE-WE-CHAT
仿微信网页聊天,使用vue框架,websocket实现聊天文件发送等功能,webRTC实现语音视频聊天等功能
在线地址
仿微信在线聊天
演示账户 账号: 3,密码: 3 账号: 4, 密码: 4 目前只能进行双方同时登陆的聊天操作 前端 client 安装依赖npm install
本地开发 npm run dev
打包 npm run build
后端 server
安装 egg
npm i egg-init -g
安装依赖 npm install
本地开发 npm run dev
调试
npm run debug
浏览器在控制台打开DevTools
地址,在sources
中找到文件,打断点进行调试
node@10
以上的版本运行时会报ERROR 16205 nodejs.TypeError: Cannot set property 'parsingHeadersStart' of undefined (uncaughtException throw 2 times on pid:16205)
错误,解决办法,切换node
版本为8.15.0
mongodb
开启mongodb
服务 sudo mongod
功能
Server
用户管理
注册
登录
关闭浏览器退出登录
websocket
长连接
连接成功更新socket id
信息
好友管理
添加好友
查找用户
发送好友请求
获取收到的好友请求
添加好友操作
同意
拒绝
消息发送
同时在线
离线信息保存
Client
用户管理
注册
登录
登录状态
用户在线状态
使用websock
长连接判断用户在线状态
好友管理
添加好友
查找用户
发送好友请求
获取收到的好友请求
添加好友操作
同意
拒绝
好友列表
消息发送
同时在线
登录时收到离线信息
信息收到提示
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。