简介
SSE（Server-Sent Events）是一种浏览器与服务器通信的技术，它能够让服务器将消息实时地推送给客户端。相较于 WebSocket，SSE 更适合于单向消息推送，并且常常被用于实时通知、长轮询等需求。
在 Angular 中，我们可以使用 EventSource 实现 SSE。本文介绍了如何在 Angular 应用中使用 EventSource 来监听服务器推送的新消息。
使用 EventSource
在 Angular 应用中使用 EventSource 很简单，你只需要使用 EventSource 对象建立一个 SSE 的连接，然后监听服务器推送的消息即可。以下是一个简单的示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -------------------
--------- -
----------------------
-
--
------ ----- -------------------- -
-------- -------
------------- -
----- --- - --- ------------------------
------------- - ----- -- -
------------ - ---------
-
-
-在上述代码中，我们使用 EventSource 建立了一个 SSE 的连接，并且监听了该连接上的 message 事件。当有新消息推送到该连接时，EventSource 会自动触发 message 事件，并将消息内容通过 evt.data 属性传递给我们的回调函数。
指导意义
SSE 可以让我们在不使用 WebSocket 的情况下，实现实时通知和消息推送这些功能。在实际应用中，SSE 可以被用于各种场景，比如实时聊天、通知、广播等。
对于 Angular 开发者而言，使用 EventSource 监听 SSE 的过程非常简单，可以在短时间内完成。但是，需要注意的是，在 SSE 中，客户端与服务器之间使用的是长连接，因此需要避免连接泄漏等问题，并且需要优化服务器推送消息的频率，以减轻服务器压力。
总结
本文介绍了如何在 Angular 应用中使用 EventSource 监听 SSE。通过本文的介绍，你应该已经了解了 SSE 的基本使用方法，并且知道了如何在实际应用中使用 SSE。
如果你想在 Angular 应用中实现实时通知和消息推送功能，那么使用 SSE 可能是一个不错的选择。但需要注意的是，SSE 仍然是一种比较新的技术，需要我们在实际应用中加以实践和总结。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6486bd1848841e9894544a64