简介
WebSocket 是一种基于 TCP 协议实现的双向通信协议，其支持全双工、实时性强等特性，在实时聊天、即时推送等场景中广泛使用。Deno 是一个安全的 JavaScript/TypeScript 运行时环境，支持直接执行 TypeScript 代码，优秀的安全性和模块化机制使得它成为了前端开发者的新宠。
本文将会介绍如何在 Deno 中使用 WebSocket 实现实时聊天室，让读者可以掌握如何使用 Deno 和 WebSocket 进行双向通信。
准备工作
在开始实现前，需要先确保你已经安装了最新版本的 Deno。可以前往官网下载或执行以下命令进行安装：
$ curl -fsSL https://deno.land/x/install/install.sh | sh
实现
创建基本服务器
首先我们需要创建基本的服务器，在 Deno 中可以使用以下代码：
import { serve } from "https://deno.land/std/http/server.ts";
const server = serve({ port: 3000 });
console.log("Server running on http://localhost:3000/");
for await (const req of server) {
req.respond({ body: "Hello, Deno!" });
}安装 WebSocket 库
接下来，我们需要安装 WebSocket 库，使用以下命令安装：
$ deno install --allow-net --allow-read https://deno.land/std/ws/mod.ts
创建 WebSocket 服务器
在安装完 WebSocket 库后，我们可以开始创建 WebSocket 服务器：
-- -------------------- ---- -------
------ - --------------- - ---- ----------------------------------
----- --- - --- ----------------------
---------------------- ------ ------- -- -----------------------
-------------------- ---- -- -
------------------- ------------
---------------- --------- -- -
--------------------- -------- -------------
---------------------------- -- -
---------------------
---
---
-------------- -- -- -
------------------- ---------------
---
---在这段代码中，我们使用 WebSocketServer 对象创建了 WebSocket 服务器，并且监听了 connection 事件。当有客户端连接进来后，我们会在控制台输出 client connected，并且在客户端连接关闭后输出 client disconnected。
创建前端页面
最后我们需要创建一个前端页面来测试我们的聊天室，可以使用以下 HTML 和 JavaScript 代码：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
----------- --------- ----------------
-------
------
------ ----------- --------------- ----- --
------- --------------------------------- --
---- -------------------
--------
--- --------- - -----------------------
--- -- - --- ---------------------
--- --------- - --------------------------------------
--- ------- - -----------------------------------
------------ - -------- ------- -
--- ------- - -----------
----------------- -- ----- - ------- - -------
--
---------------------------------------------- - -------- -- -
--- ------- - ----------------
-----------------
--------------- - ---
--
---------
-------
-------这段代码中，我们创建了一个文本输入框和发送按钮来发送消息，同时也创建了一个用于显示聊天记录的 div 元素。在 JavaScript 中，我们使用 WebSocket 对象来连接服务器，并在发送和接收到消息时更新界面。
到这里，我们就完成了实时聊天室的实现。你可以打开多个浏览器窗口来测试，它将会在所有客户端之间进行实时通信。
结论
本文介绍了如何在 Deno 中使用 WebSocket 实现实时聊天室，同时带有详细的实现过程和示例代码。通过学习本文，读者可以掌握如何使用 Deno 和 WebSocket 进行双向通信。在实际开发中，使用 WebSocket 可以大大提高应用程序的实时性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f60600c5c563ced57ebccd