springboot如何服务器和浏览器建立长轮询
时间: 2024-01-31 07:02:42 浏览: 77
在Spring Boot中,可以使用WebSocket和SSE(Server-Sent Events)来实现服务器和浏览器的长轮询通信。
1. WebSocket
WebSocket是一种基于TCP协议的通信协议,在浏览器和服务器之间建立全双工的通信通道,可以实现实时通信。
在Spring Boot中,可以使用Spring WebSocket模块来实现WebSocket,具体步骤如下:
(1)添加依赖
在pom.xml中添加以下依赖:
```
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
```
(2)创建WebSocket处理器
创建一个WebSocket处理器,继承自TextWebSocketHandler,并重写onMessage方法,在该方法中处理接收到的消息。
```
@Component
public class MyWebSocketHandler extends TextWebSocketHandler {
@Override
protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {
// 处理接收到的消息
}
}
```
(3)配置WebSocket
在配置类中添加@EnableWebSocket注解,配置WebSocket处理器。
```
@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {
@Autowired
private MyWebSocketHandler myWebSocketHandler;
@Override
public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
registry.addHandler(myWebSocketHandler, "/websocket");
}
}
```
(4)建立WebSocket连接
在前端页面中,使用JavaScript代码建立WebSocket连接。
```
var ws = new WebSocket("ws://localhost:8080/websocket");
ws.onmessage = function(event) {
// 处理接收到的消息
};
```
2. SSE
SSE是一种基于HTTP协议的通信协议,在浏览器和服务器之间建立单向的通信通道,可以实现服务器向浏览器推送实时数据。
在Spring Boot中,可以使用Spring WebFlux模块来实现SSE,具体步骤如下:
(1)添加依赖
在pom.xml中添加以下依赖:
```
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-webflux</artifactId>
</dependency>
```
(2)创建SSE控制器
创建一个SSE控制器,使用MediaType.TEXT_EVENT_STREAM_VALUE指定响应类型为text/event-stream,并使用Flux.interval方法生成实时数据。
```
@RestController
public class MySSEController {
@GetMapping(value = "/sse", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
public Flux<String> getRealTimeData() {
return Flux.interval(Duration.ofSeconds(1)).map(i -> "Real-time data " + i);
}
}
```
(3)建立SSE连接
在前端页面中,使用EventSource对象建立SSE连接,并监听message事件。
```
var es = new EventSource("/sse");
es.onmessage = function(event) {
// 处理接收到的消息
};
```
以上就是使用Spring Boot实现服务器和浏览器长轮询的两种方式。
阅读全文