主流服务器推送技术概述与 Java SSE (Server-Sent Events) 详细讲解

ran_xyz

已于 2024-08-16 16:44:14 修改

阅读量829

点赞数 35

分类专栏： java 文章标签：服务器 java 运维

于 2024-08-16 16:27:45 首次发布

本文链接：https://blog.csdn.net/weixin_44917334/article/details/141263173

版权

java 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1. 简介

随着实时应用需求的增加，传统的请求/响应模型逐渐无法满足用户的期望。服务器推送技术让服务器能够主动向客户端发送更新，而无需客户端反复请求。本文将介绍几种主流的服务器推送技术，并重点探讨 Java Server-Sent Events (SSE) 的实现与应用。

2. 主流服务器推送技术概览

2.1 WebSocket

简介: WebSocket 是一个双向通信协议，允许服务器和客户端之间的实时数据交换。相比传统的 HTTP 请求，WebSocket 可以通过一个持续的连接来传输数据。

优点:

双向通信
低延迟
高效的网络带宽使用

缺点:

需要额外的服务器支持
更复杂的协议

2.2 Long Polling

简介: Long Polling 是一种模拟实时更新的方法，客户端向服务器发送请求，服务器保持连接直到有数据返回或连接超时。然后客户端立即发送新的请求。

优点:

容易实现，兼容性好
可以在大多数 HTTP 服务器上工作

缺点:

高延迟
不如 WebSocket 和 SSE 高效

2.3 Server-Sent Events (SSE)

简介: SSE 是一种轻量级的推送技术，允许服务器向客户端推送事件。使用标准 HTTP 协议进行通信，客户端通过 EventSource 接收事件。

优点:

简单的单向通信
轻量级
自动重连和错误处理

缺点:

仅支持单向通信
连接可能会受到代理和防火墙的限制

2.4 HTTP/2 Push

简介: HTTP/2 Push 允许服务器在客户端发出请求之前发送资源。虽然这不是真正意义上的推送技术，但可以减少资源获取的延迟。

优点:

适合资源的预加载
集成在 HTTP/2 协议中

缺点:

实现和调试相对复杂
支持依赖于浏览器和服务器

3. 各技术比较

技术	双向通信	连接方式	复杂度	典型应用场景
WebSocket	是	持久连接	高	聊天应用，游戏，股票实时数据
Long Polling	否	多个短连接	低	实时通知，兼容性要求高的场景
Server-Sent Events	否	持久连接	中	实时通知，系统监控
HTTP/2 Push	否	持久连接	中	静态资源预加载，网页加速

4. 深入理解 Java Server-Sent Events (SSE)

4.1 什么是 Server-Sent Events

Server-Sent Events (SSE) 是一种服务器向客户端推送数据的技术，客户端通过订阅特定的事件流来接收服务器推送的数据。它使用 HTTP 协议，因此不需要额外的协议支持，适合用于轻量级的实时应用。

4.2 工作原理

客户端: 客户端通过 EventSource 订阅服务器端的事件流。
服务器: 服务器通过保持连接并不断发送事件数据来实现实时推送。

5. Java SSE 实现详细代码示例

5.1 项目依赖配置

在 Maven 项目的 pom.xml 中，添加以下依赖：

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
</dependencies>

5.2 后端代码

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.mvc.method.annotation.SseEmitter;

import java.io.IOException;
import java.util.concurrent.Executors;
import java.util.concurrent.TimeUnit;

@RestController
public class SseController {

    @GetMapping("/sse-stream")
    public SseEmitter streamEvents() {
        SseEmitter emitter = new SseEmitter();

        Executors.newSingleThreadExecutor().submit(() -> {
            try {
                for (int i = 0; i < 10; i++) {
                    // 模拟推送数据
                    emitter.send("事件数据 " + i);
                    TimeUnit.SECONDS.sleep(1);
                }
                emitter.complete();
            } catch (IOException | InterruptedException e) {
                emitter.completeWithError(e);
            }
        });

        return emitter;
    }
}

5.3 前端代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SSE Example</title>
</head>
<body>
    <h1>服务器推送事件 (SSE)</h1>
    <div id="events"></div>

    <script>
        const eventSource = new EventSource('/sse-stream');

        eventSource.onmessage = function(event) {
            const newElement = document.createElement("div");
            newElement.textContent = event.data;
            document.getElementById("events").appendChild(newElement);
        };

        eventSource.onerror = function(err) {
            console.error("EventSource failed:", err);
            eventSource.close();
        };
    </script>
</body>
</html>