chatSystem

网页在线聊天系统

Backend Stack

Spring Boot、Spring Security、Socket.io、Redis、MongoDB、Nginx、FastDFS等。

Description

• 该系统是基于前后端分离，采用Spring Boot + Vue + React开发的网页版聊天系统。

  • 前端使用Vue.js和React开发，WebSocket增强界面实时交互效果，Element-UI组件库提高用户体验，WebRTC技术实现1v1白板协作和语音视频通话功能。
  • 后端使用Spring Boot + Spring Security框架开发，结合JWT实现用户登录和权限认证，MongoDB用来存储该系统的所有数据，Redis不仅用来存储临时的验证码等待校验请求，还维护了所有在线的客户端及对应的用户信息；netty-socketio监听前端WebSocket发来的消息并处理后主动推送该消息给在线的目标客户端。
  • 搭建FastDFS服务器用来存储上传的图片和文件，搭建coturn中继服务器来收集端点信息，使得公网中任意2台不同主机能够进行P2P通话或白板协作。通过配置Nginx反向代理请求转发到内部端口，隐藏了真实的访问地址，提高了访问安全性。

• 已实现的功能：私聊、群聊、上传图片、文件、1v1白板协作和语音视频通话、敏感词过滤、历史消息、表情发送、消息已读提醒、好友分组、好友备注、在线用户头像高亮、添加好友、添加群聊、日程设置等。 "# chatSystem"