基于SpringBoot+Netty的聊天App开发日志(二)
APP开发
浏览:852 次

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
在帧中,绿色向上箭头(上传)由客户端发送到服务器,而红色向下箭头(下载)由服务器发送到客户端