在实时通信中，Server-Sent Events (SSE) 和 WebSocket 是两种常见的方案。虽然它们都可以提供实时通信能力，但它们之间有很多不同之处。
SSE
Server-Sent Events (SSE) 是一种基于 HTTP 的推送技术，通过浏览器与服务器之间的长连接，在服务器端有新数据时实时地将数据推送到客户端。SSE 的优点是易于实现、可编辑和调试，并且适合发送一些简单的数据和小量的消息。
SSE 通过一个 EventSource 对象进行操作。客户端通过 EventSource 对象与服务器建立连接，并且可以监听来自服务器的事件。服务器端发送事件时，通过 Content-Type 为 text/event-stream 来标示数据内容，数据是一段文本，遵循一定的格式。下面是一个基础的 SSE 示例代码:
--------- -----
------
------
----- ----------------
------------------ ------ ----------
-------
------
---- ------------------
------- -----------------------
--------------------------------------
--- ------ - --- ------------------------
---------------- - ----------------
------------------------------------------- -- ---------- - -------
--
- ---- -
---------------------------------------------------- -----
-
---------
-------
-------上面的代码中，EventSource 对象用来订阅 "/api/sse" 地址的事件，当有新事件到来时，onmessage 事件将被触发，从事件里面获取到数据，将数据显示到页面上。
WebSocket
WebSocket 是一种基于 TCP 的全双工通信协议，它可以在客户端和服务器之间建立长连接，双方可以随时地互相推送数据。相比 SSE，WebSocket 拥有更好的性能和更广泛的应用场景，适用于高并发、大规模并且实时性要求较高的应用场景。
在客户端方面，WebSocket 通过 JavaScript API 实现，开发者可以通过 WebSocket 对象来操作连接，发送和接收消息。下面是一个基础的 WebSocket 示例代码:
--------- -----
------
------
----- ----------------
---------------- ----------
-------
------
---- ------------------
------- -----------------------
-- -- --------- --
--- ------ - --- ---------------------------------
-- ---------
------------- - ---------- -
------------------------------------------- -- ------ - -------
-- ----
------------------------
--
-- ----------
---------------- - --------------- -
------------------------------------------- -- ---------- - -------
--
---------
-------
-------在上面的代码中，我们通过 WebSocket 对象 socket 来操作连接。当连接建立成功时，onopen 函数将被调用，我们在该函数里面通过 send 方法发送一条消息。当服务器端有消息发来时，onmessage 函数将被调用，我们将获取到的数据显示在页面上。
对比
SSE 和 WebSocket 在实现实时通信时，因其设计的目的不同，会有不同的应用场景。下面是它们之间一些主要的不同点：
- SSE 是基于 HTTP 的推送技术，而 WebSocket 是基于 TCP 的全双工通信协议，SSE 性能相对较低。
- 相对于 WebSocket 而言，SSE 更容易被实现和维护，并且适合发送一些简单的数据和小量的消息。
- SSE 的部署相对简单，由于其是基于 HTTP 的，不需要特殊的服务器支持。而 WebSocket 需要服务器支持才能运用。
- WebSocket 更适用于高并发、大规模并且实时性要求较高的应用场景，例如在线游戏，金融交易等。
结论
无论是 SSE 还是 WebSocket，它们都是实时通信中常见的方案。理解它们之间的不同之处，能够帮助我们更好的选择适合自己场景的技术方案。在实际的开发过程中，我们应该结合自己的应用需求，选择合适的方案来实现实时通信。
参考资料
- Server-Sent Events|MDN
- WebSocket简介及其Python实现
- WebSockets vs Server-Sent Events vs Long-polling|Stack Overflow
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671606bead1e889fe21a497f