在传统的 Web 应用中，我们已经习惯了请求-响应这种一问一答式的交互模式。然而，随着实时数据需求的不断增长，传统的 HTTP 请求-响应模型显得力不从心。想象一下，用户需要实时获取股票价格、比赛比分或者聊天消息，传统的轮询方式不仅效率低下，还会对服务器造成巨大压力。
为了解决这个问题，我们需要一种全新的数据传输模式，那就是服务器推送事件（Server-Sent Events，SSE）。SSE 允许服务器在事件发生时主动将数据推送给客户端，而无需客户端不断发起请求。
SSE：轻量级实时数据传输方案
SSE 是一种基于 HTTP 的服务器推送技术，它使用简单的文本格式传输数据，并利用浏览器原生的 EventSource 对象进行处理。相比于 WebSocket，SSE 更为轻量级，更易于实现，并且对于大多数浏览器都提供了良好的支持。
SSE 的优势：
- 简单易用: 无需复杂的协议和框架，使用 HTTP 协议即可实现。
- 轻量级: 数据格式简单，传输效率高。
- 浏览器兼容性好: 大多数现代浏览器都支持 SSE。
SSE 的适用场景：
- 单向数据推送: 例如，实时更新股票价格、新闻资讯、系统通知等。
- 轻量级实时数据交互: 例如，简单的聊天室、在线游戏等。
Spring WebFlux: 响应式编程，助力实时数据处理
Spring WebFlux 是 Spring Framework 5.0 推出的响应式 Web 框架，它基于 Reactor 库，支持异步非阻塞的编程模型，可以高效地处理大量并发连接和数据流。
Spring WebFlux 的优势：
- 非阻塞 I/O: 提高服务器资源利用率，能够处理更多并发请求。
- 响应式编程模型: 使用 Flux 和 Mono 类型处理数据流，代码简洁易懂。
- 与 Spring 生态系统无缝集成: 可以方便地使用 Spring Security、Spring Data 等组件。
强强联手：Spring WebFlux + SSE 实现流式数据传输
Spring WebFlux 提供了对 SSE 的原生支持，可以方便地创建和管理 SSE 流。下面，我们通过一个具体的代码示例，演示如何使用 Spring WebFlux 和 SSE 实现实时聊天功能：
1. 添加依赖：
在 pom.xml 中添加 Spring WebFlux 依赖：
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-webflux</artifactId>
</dependency>
2. 创建 Spring WebFlux Controller:
import org.springframework.http.MediaType;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import reactor.core.publisher.Flux;
import org.springframework.http.codec.ServerSentEvent;
import java.time.Duration;
import java.util.concurrent.ConcurrentHashMap;
@RestController
public class ChatController {
private final ConcurrentHashMap<String, Flux<ServerSentEvent<String>>> clients = new ConcurrentHashMap<>();
@GetMapping(value = "/subscribe", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
public Flux<ServerSentEvent<String>> subscribe(@RequestParam String userId) {
// 为每个用户创建一个独立的 SSE 流
return Flux.<ServerSentEvent<String>>create(sink -> {
clients.put(userId, sink); // 将用户加入到活跃用户列表
sink.onDispose(() -> clients.remove(userId)); // 用户断开连接时移除
})
.map(String::valueOf)
.map(data -> ServerSentEvent.<String>builder()
.data(data)
.build())
.delayElements(Duration.ofMillis(100)); // 模拟延迟
}
@GetMapping("/publish")
public void publish(@RequestParam String userId, @RequestParam String message) {
// 获取指定用户的 SSE 流，并发送消息
Flux<ServerSentEvent<String>> client = clients.get(userId);
if (client != null) {
client.subscribe(sink -> sink.next("用户 " + userId + " 说: " + message));
}
}
}
3. 创建 HTML 页面:
<!DOCTYPE html>
<html>
<head>
<title>SSE Chat Demo</title>
</head>
<body>
<h1>SSE Chat</h1>
<div id="messages"></div>
<input type="text" id="message" placeholder="Enter message">
<button onclick="sendMessage()">Send</button>
<script>
const userId = Math.random().toString(36).substring(2, 15); // 生成随机用户ID
const eventSource = new EventSource('/subscribe?userId=' + userId); // 连接到 SSE 接口
eventSource.onmessage = (event) => {
document.getElementById('messages').innerHTML += event.data + '<br>'; // 显示接收到的消息
};
function sendMessage() {
const message = document.getElementById('message').value;
fetch('/publish?userId=' + userId + '&message=' + message); // 发送消息到服务器
}
</script>
</body>
</html>
4. 运行程序并测试:
启动 Spring Boot 应用，访问 http://localhost:8080 (默认端口)，打开多个浏览器窗口，模拟多个用户进行聊天。
总结
通过 Spring WebFlux 和 SSE 的结合，我们可以轻松构建实时数据传输应用。SSE 提供了轻量级的服务器推送机制，而 Spring WebFlux 则为我们处理了底层的异步非阻塞 I/O 操作，并提供了简洁优雅的响应式编程模型，使得我们可以专注于业务逻辑的实现。相信随着实时数据需求的不断增长，Spring WebFlux + SSE 的组合将会在越来越多的项目中得到应用。