Deno 中如何实现 WebSocket 长连接？-JavaScript中文网-JavaScript教程资源分享门户

WebSocket 是一种支持双向通信的网络协议，它可以在客户端和服务器之间建立持久性的连接，并实现实时双向通信。在前端开发中，通常使用 WebSocket 实现推送通知、实时数据更新等功能。而 Deno 作为一种新兴的服务器端运行时环境，也提供了 WebSocket 的支持。

本文将介绍如何在 Deno 中使用 WebSocket 进行长连接通信，包括 WebSocket 的基本使用、数据传输、断开连接等方面的问题。并提供示例代码，以供读者参考。

WebSocket 的基本使用

在 Deno 中，WebSocket 所对应的类是 WebSocket，需要使用 Deno.listen() 方法来创建一个 WebSocket 服务器。下面是一个简单的示例代码：

import { serve } from "https://deno.land/std/http/server.ts";
import {
  acceptWebSocket,
  isWebSocketCloseEvent,
  isWebSocketPingEvent
} from "https://deno.land/std/ws/mod.ts";

const server = serve({ port: 8080 });
console.log("http://localhost:8080/");
for await (const req of server) {
  if (req.url === "/ws") {
    const { conn, r: bufReader, w: bufWriter, headers } = req;
    acceptWebSocket({
      conn,
      bufReader,
      bufWriter,
      headers,
    })
      .then(async (socket) => {
        console.log("socket connected!");

        for await (const ev of socket) {
          if (typeof ev === "string") {
            // handle string message
            await socket.send(ev);
          } else if (ev instanceof Uint8Array) {
            // handle binary message
          } else if (isWebSocketPingEvent(ev)) {
            const [, body] = ev;
            // handle ping event
            await socket.ping();
          } else if (isWebSocketCloseEvent(ev)) {
            // handle close event
            const { code, reason } = ev;
          }
        }

      });
  }
}

这段代码创建了一个 WebSocket 服务器，监听端口 8080，当有新的连接到来时，通过 acceptWebSocket() 方法进行连接，返回一个 WebSocket 实例。在实例中，可以通过 for await (const ev of socket) 循环接收来自客户端的消息。当接收到消息时，通过判断 ev 的类型，来处理不同类型的消息。例如，如果是字符串类型的消息，可以使用 socket.send(ev) 方法将其发送回客户端。

数据传输

在 WebSocket 通信中，数据的传输可以分为二进制传输和文本传输两种类型。在 Deno 中，可以用 string 类型和 Uint8Array 类型分别表示这两种类型的数据。例如，要发送一个文本消息，可以使用 socket.send("hello") 方法；要发送一个二进制消息，可以使用 socket.send(new Uint8Array([1, 2, 3])) 方法。

在 WebSocket 通信中，数据的传输可以分为两种类型：文本传输和二进制传输。在 Deno 中，可以用 string 类型和 Uint8Array 类型分别表示这两种类型的数据。例如，要发送一个文本消息，可以使用 socket.send("hello") 方法；要发送一个二进制消息，可以使用 socket.send(new Uint8Array([1, 2, 3])) 方法。

断开连接

在 WebSocket 通信中，断开连接的过程需要分为客户端断开和服务器端断开两种情况。在 Deno 中，可以通过监听 socket 实例的 close 事件来响应断开连接的情况。

例如，当服务器端断开连接时，可以监听 socket.close 事件，处理 isWebSocketCloseEvent(ev) 为 true 的情况，获取 code 和 reason，并进行必要的清理工作。示例代码如下：

} else if (isWebSocketCloseEvent(ev)) {
  // handle close event
  const { code, reason } = ev;
  console.log("socket closed:", code, reason);
}

当客户端主动关闭连接时，可以监听 socket.close 事件，处理 isWebSocketCloseEvent(ev) 为 false 的情况，进行必要的清理工作。示例代码如下：

socket.closed.then(() => {
  console.log("socket closed by client");
});

总结

本文介绍了在 Deno 中如何实现 WebSocket 长连接，包括 WebSocket 的基本使用、数据传输、断开连接等方面的问题。同时，本文提供了示例代码，帮助读者更好地理解 WebSocket 的使用方法和技术细节。对于前端开发人员，掌握 WebSocket 技术可以为实现实时通讯、在线编辑等功能提供便利；而 Deno 环境下的 WebSocket 技术，更是展示了 Deno 强大和易用的全新特性，值得前端开发者深入学习和应用。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65a3ae10add4f0e0ffbd1e11

Deno 中如何实现 WebSocket 长连接？

WebSocket 的基本使用

数据传输

断开连接

总结

纠错反馈