你可能早已习惯了客户端反复轮询服务器、不断刷新页面才能获取最新数据的传统方式。然而，还有一种更为优雅的解决方案——SSE（Server-Sent Events，服务器发送事件）。它基于 HTTP 协议，让服务器能够主动向客户端推送事件，只需建立一次连接，后续数据便会自动“流”向客户端。简单来说，服务器不再被动等待被询问，而是直接主动通知“有新消息了”。
这种单向推送机制非常适合需要实时更新的场景，比如新闻动态、聊天消息、股票价格等。你不再需要手动刷新，也无需频繁轮询，一个持久的长连接就能轻松搞定。
SSE 的工作原理
SSE（Server-Sent Events）是一种让服务器能够实时、单向地向客户端发送信息的技术。与 WebSocket 不同，它完全基于 HTTP 协议，并且仅支持服务器到客户端的单向通信。这一点至关重要——如果你还需要客户端主动向服务器发送消息，那就需要考虑 WebSocket 了。
其工作原理其实并不复杂：客户端通过一个普通的 HTTP 请求连接到服务器，并在请求头中告知服务器“我要保持连接，准备接收实时数据”。服务器收到请求后，不会像普通请求那样响应完毕就断开，而是保持连接打开，周期性地向客户端推送消息。整个过程就像服务器在持续不断地向客户端“喂”数据。
SSE 如何建立连接
- 客户端启动连接：使用
EventSource接口创建到服务器的连接。 - 发送HTTP请求：客户端向服务器发起GET请求，并在请求头中加入
Accept: text/event-stream，表明这是一个SSE连接请求。 - 服务器响应：服务器处理请求后，保持连接打开，并设置响应头
Content-Type: text/event-stream，告知客户端后续内容将是事件流。 - 发送消息：服务器周期性地发送格式化消息。每条消息都是纯文本，以
data:开头，后跟消息内容，最后以两个连续的换行符\n\n结束。
SSE 数据流的格式与传输方式
SSE 的数据以纯文本格式通过持续的 HTTP 响应进行传输。以下几个关键字段构成了一个 SSE 消息：
- event：定义事件类型，默认为
message。 - data：消息主体数据。
- id：事件的唯一标识符。
- retry：重连时间间隔，告知客户端断开后等待多少毫秒再重试。
一个典型的 SSE 数据包如下所示：
data: This is a message\n\n或者带有事件类型的示例：
event: userupdate
data: {"username": "john_doe", "status": "online"}\n\nSSE 的典型使用场景
| 应用场景 | 描述 |
|---|---|
| 实时通知 | 在社交媒体平台中，当有新消息或动态时，服务器立即通知客户端，用户无需刷新即可看到更新。 |
| 实时数据更新 | 股票行情：价格频繁变动，SSE 让用户实时看到最新股价而无需手动刷新。 体育比分：比赛进行期间，比分和统计信息通过 SSE 实时推送，保持同步。 |
| 地理位置追踪 | 在地图应用中，监控特定物体的位置变化，持续将更新推送给客户端，实现实时追踪。 |
| 系统监控 | 服务器将实时运行状态通过 SSE 发送给管理界面，管理员可随时掌握系统运行状况。 |
总的来说，SSE 非常适合单向数据流更新的场景，尤其是在不需要客户端主动通信时，它比 WebSocket 更简单、更高效。但如果需要全双工通信（比如在线游戏、聊天应用），SSE 就难以胜任了。
总结
服务器发送事件（SSE）在提供实时数据流和增强用户体验方面扮演着重要角色，尤其适用于内容不断更新的应用场景。深入理解它的工作原理和典型用法，能够帮助你更优雅地实现实时推送功能，为用户带来更流畅的体验。
