本文将介绍如何使用 Deno 和 WebSocket 创建一个即时聊天应用程序。我们将会学习如何使用 Deno 来构建一个简单的后端服务器，并使用 WebSocket 实现实时通信。本文适合有一定前端开发基础的读者。
什么是 Deno？
Deno 是一个现代化的 JavaScript 和 TypeScript 运行时环境，由 Node.js 的创始人 Ryan Dahl 开发。Deno 的设计目标是提供一个安全、稳定和高效的运行环境，同时也支持许多现代化的 JavaScript 和 TypeScript 特性。与 Node.js 不同的是，Deno 不依赖于 npm 包管理器，而是使用 ES 模块作为默认的模块系统。
什么是 WebSocket？
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它允许客户端和服务器之间实现实时通信，而不需要通过轮询或长轮询等技术来实现。WebSocket 协议在 HTML5 中被引入，现在已成为实时通信的标准协议之一。
创建 Deno 服务器
首先，我们需要使用 Deno 创建一个简单的服务器。在命令行中输入以下命令：
---- --- ----------- ---------
其中，server.ts 是我们将要编写的服务器端代码文件。--allow-net 参数是告诉 Deno 允许我们的应用程序访问网络资源。
接下来，我们将编写 server.ts 文件，将以下代码复制到文件中：
------ - ----- - ---- --------------------------------------- ----- ------ - ------- ----- ---- --- ------------------- ------- -- ------------------------- --- ----- ------ --- -- ------- - ------------- ----- ------- ------ --- -
在这个文件中，我们首先导入了 serve 函数，它来自于 Deno 的标准库中的 http 模块。然后我们创建了一个服务器实例，并将其绑定到本地 8080 端口。最后，我们使用 for await 循环来监听来自客户端的请求，并回复一个简单的消息。
现在，我们可以使用浏览器或其他 HTTP 客户端来访问 http://localhost:8080/，应该可以看到 "Hello, Deno!" 消息。
使用 WebSocket 实现实时通信
接下来，我们将使用 WebSocket 实现实时通信。我们将使用第三方库 ws 来实现 WebSocket 功能。在命令行中输入以下命令来安装 ws：
---- ------- ----------- ------------ --------- -----------------------------
然后，我们将编写 chat.ts 文件，将以下代码复制到文件中：
------ - ----- - ---- ---------------------------------------
------ - ---------------- --------- - ---- ----------------------------------
----- ------ - ------- ----- ---- ---
------------------- ------- -- -------------------------
--- ----- ------ --- -- ------- -
----- - ----- -- ---------- -- ---------- ------- - - ----
--- -
----- ---- - ----- -----------------
-----
----------
----------
--------
---
------------------- ------------
--- ----- ------ -- -- ----- -
-- ------- -- --- --------- -
----------------------- ----
----- --------------
-
-
- ----- ----- -
--------------------- -- ------ ---------- ---------
----- ------------- ------- --- ---
-
-在这个文件中，我们首先导入了 serve 和 acceptWebSocket 函数，它们分别来自于 Deno 的标准库中的 http 和 ws 模块。然后我们创建了一个服务器实例，并将其绑定到本地 8080 端口。当客户端连接时，我们会打印一条消息。然后我们使用 for await 循环来监听来自客户端的消息，并将其原样回复。
现在，我们可以使用浏览器中的 JavaScript 代码来连接到 WebSocket 服务器。在浏览器中创建一个新文件 index.html，将以下代码复制到文件中：
--------- -----
------
------
----- --------------- --
---------------- ------------
--------
----- ------ - --- ---------------------------------
------------------------------- -------- ------- -
---------------------- -- --------- ---------
---
---------------------------------- -------- ------- -
-------------------- ---- --------- ------------
---
-------- ------------- -
----- ----- - -----------------------------------------
----- ------- - ------------
---------------------
----------- - ---
-
---------
-------
------
------------- ---------
---- --------------------
------ ----------- ------------------ --
------- -------------------------------------
-------
-------在这个文件中，我们首先创建了一个 WebSocket 实例，并将其连接到 ws://localhost:8080。当连接建立时，我们会打印一条消息。然后我们监听来自服务器的消息，并将其显示在页面上。最后，我们创建了一个输入框和一个发送按钮，用于发送消息到服务器。
现在，我们可以使用浏览器打开 index.html 文件，并在输入框中输入一些消息，然后点击发送按钮。我们应该可以在浏览器控制台中看到来自服务器的消息，并在页面中看到我们发送的消息。
总结
在本文中，我们学习了如何使用 Deno 和 WebSocket 创建一个简单的即时聊天应用程序。我们首先创建了一个 Deno 服务器，然后使用 ws 库实现了 WebSocket 功能。最后，我们使用浏览器中的 JavaScript 代码连接到服务器，并实现了实时通信。希望本文能够帮助读者更好地理解 Deno 和 WebSocket，并能够在实际开发中应用它们。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651664aa95b1f8cacdeb8df2