手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

websocket使用

时间:2024-10-13 19:56:10

1、建立一个springboot web项目。在首页放置表单用于填写自己的本地标识,远程连接标识,以及发送的消息。

websocket使用

2、编写websocket连接方法。使用new WebSocket(url)来建立连接。其中websocket有四个生命周期函数。分别是:onopen()在建立连接时调用,onmessage在接收消息时调用,onclose在连接关闭时调用,onerror在发生错误时调用。

websocket使用

3、接着实现连接按钮跟发送消息按钮的点击事件。前台页面就写完了。

websocket使用

4、在后台创建WebsocketConnection类,用于接收,处理websocket消息。并发送消息给前台。注意使用@ServerEndpoint注解来注册监听消息的地址。分别使用注解@OnOpen, @OnMessage, @OnClose来标注后台websocket连接的生命周期函数。

websocket使用
websocket使用

5、添加服务注册类注册WebsocketConnection。

websocket使用

6、到此,完成websocket前后台逻辑。运行项目,打开两个浏览器,输入如下,测试使用第一个浏览器向第二个浏览器发送消息。

websocket使用
websocket使用

7、输入消息内容,点击发送,可以看到第二个浏览器成功接收到消息。

websocket使用
© 手抄报圈