基于SpringBoot+Netty的聊天App开发日志（二）

websocket的网络聊天演示

技术方案比较：

图像.png

Websocket：

Websocket启动类：

图像.png

Websocket初始值设定项写入：

图像.png

图像.png

向启动器添加子处理器：

图像.png

自定义处理程序：

图像.png

编写重写的处理程序方法：

图像.png

现在可以获得客户的信息。应当注意，所接收的消息需要被转换成相应的帧载波：

当大量客户端组发送时，请选择以下选项

图像.png

编写自定义类后，需要在初始值设定项中注册它

图像.png

图像.png

Websocket api

图像.png

前端页面书写：

图像.png

首先，创建一个CHAT对象。CHAT对象包含套接字属性和各种方法

请注意，前后网络插座的路径是一致的。路径位于初始值设定项中：

图像.png

图像.png

最后，完成聊天方法：

图像.png

测试：

图像.png

如果发现错误，则会发现前端和后端的端口号不一致。端口号改为8088，与后端一致

图像.png

图像.png

测试成功。关闭浏览器后：

图像.png

还显示长ID和短ID

再次测试：

图像.png

在帧中，绿色向上箭头（上传）由客户端发送到服务器，而红色向下箭头（下载）由服务器发送到客户端