/vue-we-chat

仿微信网页聊天,使用vue框架,websocket实现聊天文件发送等功能,webRTC实现语音视频聊天等功能

Primary LanguageJavaScript

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