随着互联网浪潮的不断扩大，Web应用程序也变得越来越复杂，当今的Web应用程序需要实时交互，并基于实时反馈做出相应更新。为了实现实时通讯，常常使用WebSocket协议，其强大的双向通讯机制使得Web应用程序更加智能和具有可扩展性。但是现实是，有时候我们的产品并不需要如此复杂的通讯机制，这时候SSE就成为了一个不错的选择。
SSE全称为Server-Sent Events，即服务器推送事件。它是一种轻量级、简单易用的Web通讯协议。相比较于WebSocket，SSE只支持服务器向客户端推送数据，而不支持客户端向服务器推送数据，这使得它并不适用于所有通讯场景，但对于纯前端轻量级通讯来说，SSE是一种优秀的解决方案。
SSE的基本原理
SSE协议通过使用HTTP协议来发送推送事件。当客户端向服务器发出请求时，服务器会持续向客户端推送事件流。SSE事件流是由多个被以\n字符分割的事件组成的，每个事件包括一个事件类型和一个可选的数据字段。
SSE事件类型是由开发者自定义的，并用于识别每个事件流的不同部分。数据字段可以包含任何数据形式，例如JSON格式的数据，纯文字等。
如何使用SSE
下面是SSE的基本代码示例：
----- ----------- - --- -------------------------- -- -------------
--------------------- - ----- -- -
--------------------- ------------ -- ----------
--建立一个新的EventSource对象，并向指定URL发起SSE请求。实现SSE的服务器端和实现long-polling的方式类似，都需要在服务器上保持一个长轮询的连接通道，通过这个通道来操作推送事件流。
在客户端代码中，我们需要为EventSource对象注册onmessage回调函数，这样当服务器推送数据时，就会触发onmessage函数。
SSE的优势和不足
相比Websocket，SSE能够提供简单但高效的实时数据传输机制，易于实现、配置、扩展以及维护。它不需要建立一个双向的TCP/IP连接，只需要使用一个简单的HTTP连接即可发送数据。而且，SSE兼容性较好，允许在JavaScript中使用标准事件处理程序。
不过，SSE并不是一种适用于所有场景的通讯机制。它只能在单一服务器和单一客户端之间进行通讯，无法实现多用户登录、广播和群组聊天等复杂的多人通讯场景。另外，SSE只支持简单的文本和二进制数据，不支持一些常见的多媒体格式数据的传输。
结论
虽然SSE并不是一款完美的通讯协议，但是对于一些需求简单、实时性不要求太高的场景，SSE是一种不错的选择，能够帮助我们快速构建轻量级的实时通讯应用程序。它易于配置、维护和扩展，还能在客户端代码中使用标准的事件处理程序来处理推送数据。
我们可以将SSE与WebSocket结合使用，形成一套完整的实时通讯方案。SSE用于推送一些实时数据，而WebSocket则用于处理一些复杂的多人场景，从而提高整个通讯系统的可伸缩性和性能表现。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6733f47e0bc820c58245623b