SpringBoot项目中,WebSocket的使用(观察者设计模式)
时间: 2024-02-20 11:01:58 浏览: 117
好的,关于SpringBoot项目中WebSocket的使用,首先需要了解WebSocket是一种基于TCP协议的双向通信协议,它可以在浏览器和服务器之间建立持久连接,使得服务器可以主动向浏览器推送消息。
在SpringBoot中使用WebSocket,我们可以借助Spring框架提供的WebSocket模块,实现双向通信功能。下面是一个简单的实现WebSocket的示例代码:
1. 创建一个WebSocket处理类,实现WebSocketHandler接口,重写其中的方法。这里我们以观察者设计模式为例,通过一个List来存储所有连接的WebSocket客户端,每当有新消息到达时,遍历所有客户端,将消息发送给每个客户端。
```
@Component
public class MyWebSocketHandler implements WebSocketHandler {
private static final List<WebSocketSession> sessions = new ArrayList<>();
@Override
public void afterConnectionEstablished(WebSocketSession session) throws Exception {
sessions.add(session);
}
@Override
public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception {
for (WebSocketSession s : sessions) {
s.sendMessage(message);
}
}
@Override
public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception {
sessions.remove(session);
}
@Override
public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception {
sessions.remove(session);
}
@Override
public boolean supportsPartialMessages() {
return false;
}
}
```
2. 在SpringBoot的配置文件中添加WebSocket相关配置,开启WebSocket支持。
```
@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {
@Autowired
private MyWebSocketHandler myWebSocketHandler;
@Override
public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
registry.addHandler(myWebSocketHandler, "/websocket").setAllowedOrigins("*");
}
}
```
3. 在前端页面中使用JavaScript代码,连接WebSocket服务器,并发送消息。
```
var websocket = new WebSocket("ws://localhost:8080/websocket");
websocket.onopen = function(event) {
console.log("WebSocket连接已打开");
};
websocket.onmessage = function(event) {
console.log("收到消息:" + event.data);
};
websocket.onerror = function(event) {
console.log("WebSocket连接出错");
};
websocket.onclose = function(event) {
console.log("WebSocket连接已关闭");
};
function sendMessage() {
var message = document.getElementById("message").value;
websocket.send(message);
}
```
这样,当有新消息发送时,WebSocket服务器会将消息发送给所有连接的WebSocket客户端。整个过程就是一个典型的观察者设计模式:WebSocket客户端作为观察者,WebSocket服务器作为被观察者,所有客户端都订阅了服务器的消息事件,当服务器发出新消息时,所有客户端都会收到通知。
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)