WebSocket 是一种实时通信协议，可以轻松建立客户端和服务器之间的双向通信。在前端领域，WebSocket 使用非常普遍，但是在后端领域，它的使用也越来越广泛。Deno 是一个类似于 Node.js 的 JavaScript 运行时，提供一些方便的 API，其中就包括 WebSocket。本文将介绍如何使用 Deno 内置的 WebSocket API 进行实时通信。
WebSocket 的工作原理
WebSocket 协议是在 HTTP 基础之上建立的，因此可以充分利用现有的 HTTP 基础设施。WebSocket 协议允许客户端和服务器之间建立长连接，实现双向通信。它的工作原理如下：
- 客户端向服务器发送一个 HTTP 请求，其中包含了一个 Upgrade 头部，表示要升级到 WebSocket 协议。
- 服务器收到这个请求后，发送一个 HTTP 响应，其中也包含了一个 Upgrade 头部，表示同意升级到 WebSocket 协议。如果升级成功，此时连接就变成了双向通信的状态。
- 客户端和服务器现在可以通过发送 WebSocket 消息在彼此之间通信。
使用 Deno 内置的 WebSocket API
Deno 内置了一个简单易用的 WebSocket API，可以轻松地建立 WebSocket 连接，并且发送和接收 WebSocket 消息。下面是一个简单的示例代码，展示了如何使用 Deno WebSocket API 建立 WebSocket 连接，并向服务器发送消息：
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------------
------ - ---------------- --------- - ---- ----------------------------------
----- ------ - ------- ----- ---- ---
--------------------------------------
--- ----- ------ --- -- ------- -
-- -------- --- ------ -
----- - ----- -- ---------- -- ---------- ------- - - ----
----------------- ----- ---------- ---------- ------- --
-----------------------
-
-
----- -------- ------------------- ---------- -
--- ----- ------ --- -- --- -
-- ------- --- --- --------- -
--------------------- ------ -------- ---------
----- -------------- ---------
- ---- -- ---- ---------- ----------- -
--------------------- ------ ------- -- ------ ----------------
-
-
-这段代码实现了一个简单的 WebSocket 服务器，监听 8000 端口，当客户端连接到 /ws 路径时，会升级到 WebSocket 协议，然后处理 WebSocket 消息。我们可以使用 WebSocket API 的 send 方法向服务器发送消息，使用 WebSocket API 的 onmessage 事件监听服务器发送的消息。
下面是一个简单的客户端代码，展示了如何使用 JavaScript WebSocket API 连接到上面的 WebSocket 服务器，并向服务器发送消息：
const ws = new WebSocket('ws://localhost:8000/ws');
ws.addEventListener('open', () => {
console.log('WebSocket connection established');
ws.send('Hello, world!');
});
ws.addEventListener('message', (event) => {
console.log(`Received message: ${event.data}`);
});这段代码实现了一个简单的 WebSocket 客户端，连接到 localhost:8000 上的 /ws 路径，并向服务器发送消息。我们可以使用 WebSocket API 的 send 方法向服务器发送消息，使用 WebSocket API 的 onmessage 事件监听服务器发送的消息。
总结
Deno 内置的 WebSocket API 给我们提供了一种方便的方式，可以在 Deno 环境下轻松地实现实时通信。通过本文的介绍，我们学习了如何使用 Deno WebSocket API 建立 WebSocket 连接，并向服务器发送消息。希望读者可以通过本文掌握 WebSocket 的基本原理和用法，以便以后在项目中应用 WebSocket 协议。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646b1289968c7c53b0a8298e