一、前言校易淘需要买卖双方实时沟通因此使用 WebSocket 实现点对点私信聊天本文完整记录后端 WebSocket 服务配置、前端 ws 工具封装、消息表设计整理连接断开、跨域、离线消息丢失等全部踩坑。二、后端 WebSocket 环境搭建引入 WebSocket 依赖WebSocket 配置类开启 ServerEndpoint 支持ChatServer 端点类管理在线会话集合实现连接建立、消息接收、连接关闭、异常处理消息持久化 message 数据表收发消息同时存入数据库三、聊天消息数据表 message四、前端 Vue 封装 WebSocket 工具类封装 ws 连接、心跳检测、断线重连页面刷新自动重连服务端统一发送消息方法六、搭建总结WebSocket 属于长连接和 http 短连接逻辑完全不同必须处理断线重连、会话并发、消息持久化三大问题否则聊天功能无法稳定使用。