前言
WebRTC 技术在实现实时音视频通信上具有广泛应用，而在 WebRTC 应用中，Server-Sent Events (SSE) 可以用来实现实时数据推送，例如消息通知、远程控制等功能。本文将介绍 SSE 在 WebRTC 应用中的使用方法和技巧。
基本概念
SSE
SSE 是一种推送技术，能够在 Web 浏览器和服务器之间建立一条持久连接，以源源不断的事件流的形式推送数据。SSE 基于 HTTP 协议，使用了一个状态码为 206 (partial content) 的特殊响应头和格式化的文本数据，每次推送的数据都是一个被称为事件的结构体，通常包括事件名称、数据等字段。
WebRTC
WebRTC 是一种实时通信技术，可在浏览器中实现点对点的音视频通话和数据传输。WebRTC 使用的是 P2P 技术，不需要转发服务器的介入即可完成点对点的通信。
SSE 与 WebRTC 的结合
在 WebRTC 应用中，我们可以使用 SSE 实现实时消息推送、在线状态显示等功能。比如，我们可以在 Web 页面上添加一个实时聊天功能，当 A 用户发送一条消息到服务器时，服务器会把消息通过 SSE 推送到 B 用户的客户端，B 用户即时收到消息并更新聊天界面。
下面是一个示例代码，演示了如何使用 SSE 在 WebRTC 应用中进行实时消息推送：
服务器端代码
-- -------------------- ---- -------
----- ---- - ----------------
----- - ------------ - - ------------------
----- --- - --- ---------------
----------------------- ---- -- -
-- -------- --- -------- -
------------------ -
--------------- --------------------
---------------- -----------
------------- -------------
---
-- -- --- --
-------------- ------ -- -
---------------- --------------
---
-
----------------
-- -------
-------- ------------------------ -
---------------- ---------
-
-- ----
-------------- -- -
------------------- -------------------------
-- ------客户端代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ---- ------------
-------
------
-----------
---- -----------------------
--------
----- ----------- - ---------------------------------------
----- -- - --- ---------------------
-- -- --- --
------------ - ------- -- -
--------------------- -- ---------- - -------
--
---------
-------
-------该示例代码中，我们在服务器端创建了一个 EventEmitter 对象，用于广播 SSE 事件。在客户端代码中，我们使用了 EventSource 对象，用于接收服务器端的 SSE 数据流，当接收到 'chat' 事件时，我们将对应的聊天内容添加到聊天室中。
总结
SSE 可以实现浏览器与服务器之间的实时数据推送，而 WebRTC 利用 P2P 技术实现了浏览器之间的实时点对点通信。在 WebRTC 应用中，SSE 可以结合 WebRTC 实现实时消息推送、在线状态显示等功能。我们需要的只是利用 SSE 搭建实时数据流通道，将 WebRTC 技术引入其中，激发出无穷的可能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646c76fc968c7c53b0b6fb03