SpringBoot整合websocket实现及时通信聊天

??领域：Java后端开发

---

---

??收录专栏： 系统设计与实战
??个人主页：
??Gitee：https://gitee.com/
个人标签：【后端】【大数据】【前端】【运维】

文章目录

• • ??一、技术介绍
  • • ??1.1 客户端WebSocket
    • • ??1.1.1 函数
      • ??1.1.2　事件
    • ??1.2 服务端WebSocket
  • ??二、实战
  • • ??2.1、服务端
    • • ??2.1.1引入maven依赖
      • ??2.1.2 编写配置类
      • ??2.1.3 编写WebSocketService服务类
      • ??2.1.4 建立连接
      • ??2.1.5 关闭连接
      • ??2.1.6 发送消息
      • ??2.1.7 监听错误
    • ??2.2 客户端
    • • ??2.2.1 主页面
      • ??2.2.1 聊天页面
  • ??三、开源地址
  • ??四、参考文献

??一、技术介绍

线上演示地址：http://chat.breez.work

实时通信（Instant Messaging，简称IM）是一个实时通信系统，允许两人或多人使用网络实时的传递文字消息、文件、语音与视频交流。［４］

场景再现：

• ??微信聊天
• ??QQ聊天
• ??网站在线客服

??1.1 客户端WebSocket

WebSocket 对象提供了用于创建和管理 WebSocket 连接，以及可以通过该连接发送和接收数据的 API。使用 WebSocket() 构造函数来构造一个 WebSocket。［１］

构造函数如下所示：

const webSocket = WebSocket(url[, protocols])

例子如下：

const webSocket = new WebSocket("ws://42.193.120.86:3688/ws/小明/翠花")

??1.1.1 函数

1、 webSocket.send()
该函数用于向服务端发送一条消息，例子如下：

webSocket.send("Hello server!");

2、 webSocket.close()
该函数用于关闭客户端与服务端的连接，例子如下：

webSocket.close();

??1.1.2　事件

1、webSocket.onope