Spring Boot整合WebSocket

### 如何在 Spring Boot整合 WebSocket 实现双向通信 #### 创建 WebSocket 配置类 为了实现 WebSocket 的功能,在 Spring Boot 项目中需要定义一个配置类用于注册 WebSocket 处理器和其他必要的组件。这可以通过继承 `WebSocketConfigurer` 接口并重写相应的方法来完成[^1]。 ```java import org.springframework.context.annotation.Configuration; import org.springframework.web.socket.config.annotation.EnableWebSocket; import org.springframework.web.socket.config.annotation.WebSocketConfigurer; import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry; @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(new MyWebSocketHandler(), "/ws").setAllowedOrigins("*"); } } ``` #### 编写自定义的 WebSocket Handler 类 接着,编写一个处理器类(如上面例子中的 `MyWebSocketHandler`),它实现了 `WebSocketHandler` 接口或扩展了 `TextWebSocketHandler` 或者其他更具体的子类。这个类负责处理来自客户端的消息以及向客户端发送消息[^2]。 ```java import org.springframework.web.socket.CloseStatus; import org.springframework.web.socket.TextMessage; import org.springframework.web.socket.WebSocketSession; import org.springframework.web.socket.handler.TextWebSocketHandler; public class MyWebSocketHandler extends TextWebSocketHandler { @Override protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception { System.out.println("Received Message: " + message.getPayload()); // Echo back the received message to client session.sendMessage(new TextMessage("Echo: " + message.getPayload())); } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus status) throws Exception { super.afterConnectionClosed(session, status); System.out.println("Connection closed."); } } ``` #### 前端 JavaScript 连接 WebSocket 最后,在前端页面上利用原生的 JavaScript API 来建立与服务器之间的 WebSocket 连接,并监听服务端推送过来的数据更新事件[^3]。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>WebSocket Example</title> <script type="text/javascript"> var socket = new WebSocket('ws://localhost:8080/ws'); socket.onopen = function() { console.log('Connected!'); }; socket.onmessage = function(event) { console.log('Message from server:', event.data); }; </script> </head> <body> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值