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长连接判断用户在线状态
• 好友管理
  • 添加好友
    • 查找用户
    • 发送好友请求
    • 获取收到的好友请求
    • 添加好友操作
      • 同意
      • 拒绝
  • 好友列表
• 消息发送
  • 同时在线
  • 登录时收到离线信息
  • 信息收到提示