随着 JavaScript 的流行和 Node.js 的出现，前端开发人员可以使用 JavaScript 在服务器端编写代码。然而，其实还有一款叫做 Deno 的 JavaScript 运行时，它推出的理念是应该有一个更安全、更简洁的 JavaScript 运行环境。Deno 是 Node.js 的一个直接竞争对手，它的设计目的是取代 Node.js，让它显得更加优秀和现代化。
本文将介绍如何使用 Deno 实现本地 WebSocket 服务，并提供示例代码帮助读者更好地理解和入门 Deno 及 WebSocket 的知识。
WebSocket 简介
WebSocket 是 HTML5 中新增的一项协议，它可以实现客户端与服务器的全双工通信，即可同时进行数据的发送和接收。与 HTTP 请求相比，WebSocket 的连接不会立即关闭，因此它能够持续不断地传输数据。
WebSocket 在前端开发中经常用于实现一些实时性比较强的应用，例如聊天室、推送系统、在线游戏等。它可以使用 JavaScript 客户端与服务器建立连接，从而实现实时的数据传输。同时，WebSocket 通信过程中使用的数据是经过压缩的，因此可以更快地传输并能够节约流量。
Deno 简介
Deno 是一款用 Rust 编写的 JavaScript 运行时，它综合了 Node.js 和浏览器中的一些特性，旨在提供一个更为安全和简洁的 JavaScript 运行环境。Deno 内置了 TypeScript 模块，同时支持 ECMAScript 的最新版本，具有很好的兼容性。不同于像 Node.js 这样基于回调的异步模型，Deno 使用了基于 Promise 的异步模型，使得代码更易于理解和编写。
Deno 可以用于开发前端和后端应用程序，它还包含一些有用的工具，例如 Deno 格式化工具（Deno fmt）、Deno 包管理器（Deno.land）、Deno 测试框架（Deno.test）等。
Deno 实现本地 WebSocket 服务的步骤
下面，我们来讲解如何使用 Deno 实现本地 WebSocket 服务。
步骤一：安装 Deno
使用 Deno 前，你需要先安装 Deno 运行环境。你可以前往 deno.land 官方网站下载对应系统的安装包，或者使用预编译二进制包安装。
步骤二：安装 oak
oak 是一个基于 Deno 的 Web 应用程序框架，它提供了一些有用的中间件和工具，能够让你更加方便地开发 Web 应用程序。在本教程中，我们将使用 oak 来实现 WebSocket 的连接。
你可以使用以下命令安装 oak：
deno install --allow-net --allow-read https://deno.land/x/oak/mod.ts
步骤三：实现 WebSocket 服务端代码
接下来，我们将使用 oak 框架来实现 WebSocket 服务。
-- -------------------- ---- -------
-- -- --- --
------ - ------------ ------ - ---- ---------------------------------
-- -- --- - --------- --
------ - ---------- --------------- - ---- ----------------------------------
-- ---- --- ----
----- --- - --- --------------
-- ----- --------- ---
----- -------- - --- ----------------------
-- -- --------- --
------------------------- -------- ---- ---------- -
----------------------
-- ----
---------------- -------- --------- ------- -
--------------------------------
-------------------------------
---
-- ----
-------------- -------- ------- ------ -
-------------------------------
---
-- ----
-------------- -------- -- -
----------------------
---
---
---------------------- ---------
-- ----------------- --------- --
------------- ----- ---- -- -
----- ------- - --- ----------
--------------------------- -------------
----------------- - ------------
----------------- - -
--------- -----
------
------
---------------- ------------
-------
------
--------
----- ------ - --- ----------------------------------
------------- - -------- -- -
----------------------
--
---------------- - -------- ------- -
-------------------- - ------------
--
-------------- - -------- -- -
----------------------
--
-------------- - -------- ------- -
--------------------- - -------
--
-------- ------------- -
----- ------- - -----------------------------------------
---------------------
-
---------
-----
------ ----------- -------------
------- -------------------------------------
------
-------
-------
--
---
-- ----
----- ------------ ----- ---- ---在代码中，我们首先导入了 oak 和 oak 的 WebSocket 模块。接着，创建了一个 Web 应用实例和一个 WebSocket 服务器实例。在 WebSocket 的连接事件中，我们处理了连接建立、消息接收、错误处理和连接关闭等逻辑。在中间件中，我们使用了 HTML 和 JavaScript 来实现一个简单的 WebSocket 测试页面。
步骤四：启动 WebSocket 服务
你可以使用以下命令启动 WebSocket 服务：
deno run --allow-net --allow-read app.ts
其中，app.ts 是你保存 WebSocket 服务端代码的文件名。
步骤五：启动 WebSocket 测试页面
在浏览器中输入 http://localhost:8000/，就可以看到我们上面编写的测试页面了。在页面中，你可以输入消息，并点击“发送消息”按钮，就能够发送数据到服务器端了。同时，你也可以查看控制台，看到输出的日志信息。
总结
本文介绍了如何使用 Deno 实现本地 WebSocket 服务。通过学习本文，你可以了解到 Deno 的一些基础知识，以及如何使用 oak 框架来实现 WebSocket 服务。此外，还提供了一个简单的 WebSocket 测试页面，帮助读者更好地理解 WebSocket 的使用方法。
需要注意的是，在实际开发过程中，WebSocket 的使用场景和功能都很广泛，有很多细节需要注意。如果你想要深入了解 WebSocket，可以进一步阅读相关的官方文档和书籍，并结合自己的实践经验，不断提升自己的技术水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6490b40b48841e9894ecbe6b