QQ扫一扫联系
SSE (Server-Sent Events) 是一项用于在 Web 应用程序中创建实时消息通信的技术，它允许 Web 服务器向客户端推送数据，这些数据可以是实时的更新、推送通知、聊天消息等等。相比于 WebSockets，SSE 的优点在于它使用了普通的 HTTP 协议，不需要特殊的协议支持，因此比 WebSockets 更容易在现有的 Web 应用程序中实现。
SSE 的工作原理很简单，当客户端向服务器发送一个 SSE 请求时，服务器会将该请求保持打开状态，然后将新的数据作为一条消息发送回客户端。这些数据通常是 JSON 格式的文本，包含了需要更新的数据和一些元数据，如事件名称、消息 ID、消息类型等。客户端通过监听服务器发送的消息，即可获取到服务器推送的实时数据。
SSE 还提供了一些高级功能，如自动重连和事件流的处理，这些功能使得 SSE 更加灵活和可靠。
使用 SSE 技术，开发者可以轻松地实现实时通信和推送功能，同时还可以大大降低服务器的负载。在一些需要实时更新的应用场景下，SSE 技术是一个非常有用的工具，如在线游戏、股票市场、即时通讯、实时监控等等。
以下是一些使用 SSE 技术的应用场景：
① 股票行情实时更新：金融类网站可以通过 SSE 技术向客户端推送实时的股票行情数据，让用户可以即时获取最新的股票价格、涨跌幅等信息。
②实时聊天：使用 SSE 技术可以轻松实现在线聊天应用，让用户可以即时接收到新消息的通知。
③ 实时协作：一些在线协作工具，如 Google Docs，可以使用 SSE 技术来实现多人协作，让多个用户同时编辑同一个文档，实现实时更新。
④ 监控和控制：一些物联网应用，如智能家居、工业自动化，可以通过 SSE 技术来监控和控制设备，实现实时更新和远程控制。
⑤ 游戏应用：在线游戏可以使用 SSE 技术来实现多人在线对战，实现实时更新和即时通信。例如，在线卡牌游戏中，玩家可以通过 SSE 技术接收对手的卡牌出牌信息，实现实时对战。
SSE 技术已经成为 Web 开发中一个非常成熟和可靠的实时通信技术，目前已经被所有现代浏览器支持。以下是 SSE 技术的浏览器兼容性：
Chrome 6+
Firefox 6+
Safari 5+
Opera 11.5+
Edge 12+
Internet Explorer 10+
SSE 技术的浏览器兼容性比 WebSockets 更好，因为 SSE 使用普通的 HTTP 协议进行通信，不需要特殊的协议支持，而 WebSockets 则需要 WebSocket 协议的支持。在现代 Web 开发中，SSE 技术已经成为实时通信的首选方案之一，可以广泛应用于各种 Web 应用程序中。
下面是一个使用 PHP 实现 SSE 的示例代码：
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
$counter = 0;
while (true) {
// 构造 SSE 数据
$data = array(
'counter' => $counter,
'time' => date('r')
);
// 输出 SSE 数据
echo "event: update\n";
echo 'data: ' . json_encode($data) . "\n\n";
// 刷新输出缓冲，确保 SSE 数据实时输出
ob_flush();
flush();
// 等待 1 秒
sleep(1);
$counter++;
}
这个示例代码会输出一个 SSE 数据流，包含一个计数器和当前时间。每秒钟会发送一个 SSE 事件，更新计数器和时间，并将数据以 JSON 格式发送到客户端。在客户端可以使用 JavaScript 的 EventSource 对象来接收 SSE 数据流。
以下是一个使用 JavaScript 接收 SSE 数据流的示例代码：
const source = new EventSource('sse.php');
source.addEventListener('update', function(event) {
const data = JSON.parse(event.data);
console.log('Counter: ' + data.counter + ', Time: ' + data.time);
});
这个示例代码会创建一个 EventSource 对象，连接到 SSE 数据流，并监听 'update' 事件。当 SSE 数据流发送一个 'update' 事件时，JavaScript 代码会从 SSE 数据流中获取数据，并将其输出到控制台。
需要注意的是，SSE 数据流不支持双向通信，只能由服务器向客户端推送数据。如果需要实现双向通信，可以考虑使用 WebSockets 技术。
