什么是 WebSocket？
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。与 HTTP 不同，它不需要客户端每次请求时都建立一个新的连接。相反，WebSocket 的连接始终保持打开状态，允许服务器随时向客户端发送消息。
为什么要使用 WebSocket？
在 Web 应用程序中，通常使用 AJAX 或长轮询来实现实时通信。但是，这些方法都有其限制。AJAX 请求只能从客户端发起，而长轮询需要频繁地打开和关闭连接，浪费带宽和服务器资源。
WebSocket 可以在客户端和服务器之间建立实时连接，并允许双向通信。它可以用于实时聊天、在线游戏、实时数据传输等场景。因此，使用 WebSocket 可以提高 Web 应用程序的实时性和性能。
要在 Angular 应用中使用 WebSocket，需要使用 WebSocket 类。该类的构造函数接受一个 URL 作为参数，表示要连接的 WebSocket 服务器的地址。例如：
----- ------ - --- ---------------------------------
连接建立后，可以使用 send() 方法发送消息到服务器，使用 onmessage 事件监听从服务器接收到的消息。例如：
---------------- - ------- -- - --------------------- ---------- ------------ -- ------------------- ----------
在 Angular 应用中，可以将 WebSocket 封装为一个服务，使其可重用和可测试。以下是一个示例 WebSocket 服务的代码：
------ - ---------- - ---- ----------------
------ - ---------- - ---- -------
-------------
----------- -------
--
------ ----- ---------------- -
------- ------- ----------
------------ -------- ------------------------ -
----------- - --- ---------------
------ --- --------------------- -- -
--------------------- - -----------------------------
------------------- - ------------------------------
------------------- - ---------------------------------
------ ------------------------------------
---
-
---------- ----- ---- -
---------------------------------------
-
-该服务提供了 connect() 和 send() 方法，分别用于连接 WebSocket 服务器和发送消息。connect() 方法返回一个 Observable，用于监听从服务器接收到的消息。
总结
WebSocket 可以用于实现实时通信和提高 Web 应用程序的性能。在 Angular 应用中，可以使用 WebSocket 类将其封装为一个服务，使其可重用和可测试。希望本文能帮助你了解如何在 Angular 应用中使用 WebSocket。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6606c719d10417a2225510f0