前言
在前端开发中，我们常常需要处理实时数据，比如聊天室。在传统的前端开发中，我们通常使用 Socket.io 或者其他库来处理这些数据。然而，随着 Deno 的出现，我们现在可以使用它来构建服务器端应用程序，而不再需要使用 Node.js。在本文中，我们将向您展示如何使用 Deno 来构建一个简单的聊天室。
什么是 Deno？
Deno 是一个用于构建服务器端应用程序和命令行工具的 JavaScript 和 TypeScript 运行时。 与 Node.js 不同，Deno 是一个安全的运行时环境，不允许访问文件系统、网络或环境变量，除非您明确地授予了访问权限。此外，Deno 拥有更好的模块化支持，直接支持 ES 模块，不再需要使用 Require 或 CommonJS。
构建聊天室
在本文中，我们将创建一个简单的聊天室，允许多个用户通过浏览器进行实时聊天。
服务器端
我们首先需要使用 Deno 编写服务器端代码。在本文中，我们使用了官方的 Deno WebSocket 库来处理 WebSocket 连接。我们首先创建一个 WebSocket 服务器并监听来自客户端的消息。当接收到消息时，我们将转发消息给所有与服务器建立的连接。下面是服务器端代码的简要实现：
------ - --------------- - ---- ----------------------------------
------ - -- - ---- ------------------------------------
----- ----------- - --- ----------- -------------
----- --- - --- ----------------------
---------------------- ------ ------- -- ---- -------
-------------------- ------------ -
----- ---- - --------------
--------------------- ----
---------------- --------- ------- -- -
--------------------- ------- ---- -------- -------------
------------------------ ---------- -- -
-- --- --- --- -
------------------ -------------
-
---
---
-------------- -- -- -
-------------------------
-------------------------- ----------
---
---在代码中，我们首先将 WebSocket 连接存储在 Map 中。当有新的连接时，我们为其生成一个唯一的 UUID，并将其存储在 Map 中。当接收到消息时，我们将消息转发给所有连接（不包括发送消息的连接）。最后，在连接关闭时，我们从 Map 中删除连接。
客户端
在客户端代码中，我们将使用 JavaScript 和 WebSocket API。当页面加载时，我们将创建一个 WebSocket 连接，并设置相应的事件处理程序以处理来自服务器的消息。下面是客户端代码的简要实现：
----- ------ - --- --------------------------------- ------------- - -- -- - ---------------------- ------------ -- -------------- - ------- -- - ------------------------ ------ ----------- -- ---------------- - ------- -- - --------------------- -------- ---------------- --
在代码中，我们首先创建一个 WebSocket 对象并连接到服务器。在连接成功时，我们会将消息打印到控制台。在出现错误时，我们会记录错误。最后，我们设置一个事件处理程序以处理来自服务器的消息。
效果展示
在服务器和客户端代码完成后，我们现在可以打开两个浏览器窗口并尝试发送消息。当一个浏览器向服务器发送一条消息时，服务器将向所有连接的浏览器发送此消息。
结论
使用 Deno 来构建服务器端应用程序可能需要一些练习，但您会发现 Deno 比 Node.js 更加现代化和可维护。同时，Deno 也提供了更好的安全性，不再需要使用第三方库来确保安全性。希望通过这篇文章，您可以掌握一些基本的 Deno 相关知识，为您未来的开发之路奠定坚实的基础。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/67077f44d91dce0dc86942d3