Deno 中如何进行 WebSocket 通讯
随着前端技术的不断发展，WebSocket 通讯已成为现代化的 Web 应用程序的核心部分。它让我们可以通过一个长期存在的网络连接，在客户端和服务器之间进行双向的数据通讯。WebSocket 是一种基于 TCP 的协议，建立在 HTTP 协议上。相对于 HTTP 协议，WebSocket 的优势在于它能够实现实时数据传输和双向通讯，而且更加高效。
Deno 是一个新兴的后端 JavaScript 运行时，以其更安全、更简洁和更高效的特性受到了越来越多的关注。本文将带您深入探讨如何使用 Deno 实现 WebSocket 通讯。
安装 deno
首先，我们需要安装 Deno。您可以在 deno 官网 https://deno.land 上下载最新版的 deno 客户端。通过在终端中运行以下命令，您就可以在您的本地机器上安装 deno。
curl -fsSL https://deno.land/x/install/install.sh | sh
安装完毕之后，您可以在终端中输入以下命令来测试是否安装成功。
deno --version
在 deno 中实现 WebSocket 通讯
Deno 提供了简单、高效的 API，可以轻松地实现 WebSocket 通讯。您可以使用标准的 WebSocket API 或第三方库来实现 WebSocket 通讯。这里，我们将使用标准的 WebSocket API 来演示如何进行 WebSocket 通讯。
下面是一个简单的 WebSocket 服务器实现。
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------------
------ - ---------------- --------------------- - ---- ----------------------------------
----- ------ - ------- ----- ---- ---
--------------------------------------
--- ----- ------ --- -- ------- -
-- -------- --- ------ -
----- - ----- -- ---------- -- ---------- ------- - - ----
-----------------
-----
----------
----------
--------
--
----------------------
------------ ----- -- -
--------------------- -- ------ ---------- ---------
----- ------------- ------- --- ---
---
- ---- -
------------- ------- ---- ----- ------ ------ ---
-
-
----- -------- -------------------------- ---------- -
------------------- ------------
--- -
--- ----- ------ -- -- ---------- -
-- ------- -- --- --------- -
---------------------- ----
----- -------------------
- ---- -- --- ---------- ----------- -
------------------------ ----
----- -------------------
- ---- -- --------------------------- -
----------------------- ----
-
-
- ----- ----- -
--------------------- -- ------- ------ ---------
-- --------------------- -
----- -------------------------------------------
-
-
-在这个例子中，我们创建了一个基于 deno 的 HTTP 服务器，并在端口 8000 上监听 HTTP 请求。如果收到一个 URL 为 /ws 的请求，则我们应用 acceptWebSocket 函数并连接到客户端，以处理 WebSocket 通讯。如果收到的是其他 HTTP 请求，则我们将简单地返回“Hello Deno!”。
在函数 handleWebSocket 中，我们将 WebSocket 连接保存在 websocket 变量中，并使用 for 循环监听连接事件。对于接收到的所有消息，我们都会在控制台中打印出来，并通过 websocket.send() 函数将消息发送回客户端。
客户端如何连接 WebSocket 服务器
在前端中，与 WebSocket 服务器连接的过程也很简单。您可以使用标准的 WebSocket API。在以下示例中，我们创建了一个 WebSocket 对象和一个事件监听器。每当 WebSocket 连接成功时，我们都会打印一条消息。当我们接收到服务器发送的消息时，我们也会打印出来。
-- -------------------- ---- ------- ----- ------ - --- ------------------------------------ ------------------------------- ------- -- - ------------------- ------------ --- ---------------------------------- ------- -- - --------------------- ---------- ------------ ---
与服务器同步数据
WebSocket 通讯的另一个优点是可以双向通讯。这意味着我们可以在服务器和客户端之间同步数据，并通过 WebSocket 通讯传输。下面是一个示例，演示如何将数据从服务器传递到客户端：
async function broadcastMessage(message: string) {
for (const socket of sockets) {
await socket.send(message);
}
}这里，我们定义了一个函数 broadcastMessage，该函数接收一条消息，并将其广播到所有连接到服务器的客户端。对于每个连接，我们调用 socket.send 来将消息发送回客户端。
可以看到，使用 Deno 进行 WebSocket 通讯非常简单，而且具有很大的灵活性。WebSocket 允许客户端与服务器实时通讯，并且让服务器能够快速地将消息广播给所有客户端。这意味着您可以使用 Deno 来创建卓越的实时应用程序，例如在线聊天应用程序、多人游戏等等。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67d829f8a941bf7134e9c861