SSE（Server-Sent Events）与 WebSocket 技术区别

一、概述

SSE（Server-Sent Events）和 WebSocket 都是用于在客户端和服务器之间实现实时通信的技术，但它们在实现方式、适用场景等方面存在一些区别。

二、SSE

定义与特点
- SSE 是一种基于 HTTP 协议的服务器推送技术，它允许服务器向客户端发送单向的事件流。
- 特点是实现相对简单，因为它是基于现有的 HTTP 基础设施，不需要额外的协议支持。同时，由于是单向通信，所以在一些只需要服务器向客户端推送数据的场景下非常适用。
适用场景
- 适用于实时更新的新闻、股票行情、日志监控等场景，这些场景通常只需要服务器向客户端发送数据，而客户端不需要向服务器发送数据。
PHP 代码示例

header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();

上述代码通过设置正确的响应头，向客户端发送一个 SSE 事件，其中包含服务器当前时间。客户端可以通过 JavaScript 来接收这个事件流，并进行相应的处理。

三、WebSocket

定义与特点
- WebSocket 是一种全双工通信协议，允许客户端和服务器之间进行双向实时通信。
- 它建立在单个 TCP 连接上，提供了更低的延迟和更高的效率。与 SSE 不同，WebSocket 可以在任何时候由客户端或服务器发起通信。
适用场景
- 适用于需要实时交互的应用，如在线游戏、聊天应用、实时协作工具等。在这些场景下，客户端和服务器都需要频繁地发送和接收数据，WebSocket 的双向通信能力能够更好地满足需求。
PHP 代码示例

$server = new swoole_websocket_server("0.0.0.0", 9501);

$server->on('open', function (swoole_websocket_server $server, $request) {
    echo "connection open: {$request->fd}\n";
});

$server->on('message', function (swoole_websocket_server $server, $frame) {
    echo "received message: {$frame->data}\n";
    $server->push($frame->fd, 'Server response: '.$frame->data);
});

$server->on('close', function ($ser, $fd) {
    echo "connection close: {$fd}\n";
});

$server->start();

上述代码使用 Swoole 扩展创建了一个 WebSocket 服务器。当有客户端连接时，会触发open事件；当接收到客户端消息时，会触发message事件，并向客户端发送响应；当客户端断开连接时，会触发close事件。

四、区别总结

通信方式
- SSE 是单向通信，服务器向客户端推送数据；WebSocket 是双向通信，客户端和服务器可以互相发送数据。
协议复杂性
- SSE 基于 HTTP 协议，实现相对简单；WebSocket 是独立的协议，需要更多的配置和处理。
适用场景
- SSE 适用于只需要服务器向客户端推送数据的场景；WebSocket 适用于需要双向实时通信的场景。
性能
- WebSocket 通常具有更低的延迟和更高的效率，因为它是全双工通信，可以在任何时候发送数据。而 SSE 需要依赖 HTTP 轮询或长连接，可能会有一定的延迟。

综上所述，SSE 和 WebSocket 各有其特点和适用场景。在选择使用哪种技术时，需要根据具体的应用需求来进行权衡。如果只需要服务器向客户端推送数据，SSE 可能是一个简单有效的选择；如果需要双向实时通信，WebSocket 则更为合适。