SSE（Server-Sent Events）

SSE（Server-Sent Events）是一种基于 HTTP 的服务器推送技术，用于在客户端和服务器之间实现实时双向通信。使用 SSE，服务器可以向客户端发送事件流，客户端可以通过监听事件流来获取服务器的推送消息。

SSE 的优点在于它是一种轻量级的通信协议，不需要建立复杂的 WebSocket 连接，也不需要使用轮询来获取服务器的更新。相比之下，SSE 可以更快地响应服务器推送的消息，并且对于实时性要求不高的应用场景，SSE 更加适用。

以下是一个使用 SSE 的简单示例：

服务器端代码（使用 Python Flask 框架）：

python
Copy
from flask import Flask, Response

app = Flask(name)

@app.route('/stream')
def stream():
def event_stream():
for i in range(10):
yield f"data: {i}\n\n"

return Response(event_stream(), mimetype="text/event-stream")

在上面的代码中，我们定义了一个 /stream 接口，该接口返回一个 SSE 事件流。事件流中包含了 0 到 9 的数字，每个数字之间间隔 1 秒。

客户端代码：

javascript
Copy
const eventSource = new EventSource('/stream');
eventSource.onmessage = (event) => {
console.log(event.data);
};
在上面的代码中，我们使用 JavaScript 创建了一个 SSE 事件源，并监听 onmessage 事件。每当服务器端发送一个事件时，客户端就会收到该事件，并在控制台上输出事件的数据。

在实际使用中，您可以将 SSE 用于各种实时通信场景，如实时聊天、实时数据可视化等。

需要注意的是，SSE 仅适用于服务器向客户端推送消息的场景，如果您需要在客户端向服务器发送消息，您仍需要使用 WebSocket 或其他通信协议。

参考：

MDN Web Docs: Server-Sent Events (SSE) ↗

MDN Web Docs 提供了一份详细的 SSE 文档，包含了 SSE 的基本概念、使用方法、API 等内容，适合初学者学习。

HTML5 Rocks: Using server-sent events ↗

HTML5 Rocks 提供了一篇介绍 SSE 基本概念和使用方法的文章，内容简单明了，适合初学者快速入门。

Server-Sent Events: HTML5 rocks ↗

这是一份来自 HTML5 Rocks 的 SSE 教程，适合想要了解 SSE 的基本概念和用法的读者。

Server-Sent Events: Introduction to SSE ↗

这是一篇介绍 SSE 基本概念和使用方法的文章，适合初学者入门。

EventSource API: Web API MDN ↗

这是一份关于 EventSource API 的官方文档，包含了 EventSource 对象的属性和方法的详细说明，适合开发者查阅参考。