WebSocket 是一种基于 TCP 协议的全双工通信协议，它可以在客户端和服务器之间建立一个持久化的连接，从而实现实时的双向通信。在前端开发中，我们经常使用 WebSocket 来实现实时通知、即时聊天等功能。而在 Deno 中，我们也可以很方便地使用 WebSocket 来实现推送通知功能。
安装 WebSocket 模块
在 Deno 中，我们可以通过引入第三方模块来使用 WebSocket。目前比较常用的 WebSocket 模块是 deno_ws，我们可以通过以下命令来安装它：
deno install --allow-net --allow-read https://deno.land/std/ws/mod.ts
其中，--allow-net 参数表示允许网络访问，--allow-read 参数表示允许读取文件。
创建 WebSocket 服务器
在 Deno 中，我们可以通过以下代码来创建一个 WebSocket 服务器：
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------------
------ - ---------------- --------- - ---- ----------------------------------
----- ------ - ------- ----- ---- ---
---------------------- ------ ------- -- ---- -------
--- ----- ------ --- -- ------- -
-- -------- --- ------ -
----- - ----- -- ---------- -- ---------- ------- - - ----
----------------- ----- ---------- ---------- ------- --------
----- -------- ---------- -- -
---------------------- ------------
--- ----- ------ ----- -- ------- -
---------------------- -------- -------
-
--
--
-
-上面的代码中，我们使用 serve 函数启动了一个 HTTP 服务器，监听在 3000 端口。当客户端发起 WebSocket 连接请求时，我们会通过 acceptWebSocket 函数来接受连接，并在连接建立后打印一条日志。此外，我们还通过 for await (const event of socket) 循环来监听客户端发送的消息。
发送消息到客户端
在 Deno 中，我们可以通过 socket.send() 函数来向客户端发送消息。以下是一个简单的示例代码：
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------------
------ - ---------------- --------- - ---- ----------------------------------
----- ------ - ------- ----- ---- ---
---------------------- ------ ------- -- ---- -------
--- ------- ----------
--- ----- ------ --- -- ------- -
-- -------- --- ------ -
----- - ----- -- ---------- -- ---------- ------- - - ----
----------------- ----- ---------- ---------- ------- --------
----- --- ---------- -- -
---------------------- ------------
------ - --
--- ----- ------ ----- -- ------- -
---------------------- -------- -------
-
--
--
- ---- -- -------- --- -------- -
-- -------- -
----- ---- - --- ---------------------------- ---------
----- ------------------
------------- ----- --------- ---
- ---- -
------------- ----- --- ------ ----------- ---
-
- ---- -
------------- ----- ------- ------ ---
-
-在上面的代码中，我们添加了一个新的路由 /push，当客户端请求这个路由时，我们会向客户端发送一条消息。如果没有客户端连接到服务器，我们会返回一个错误响应。
客户端使用 WebSocket 接收消息
在前端中，我们可以使用 WebSocket 对象来建立 WebSocket 连接，并通过 onmessage 事件监听服务器发送的消息。以下是一个简单的示例代码：
-- -------------------- ---- ------- ----- ------ - --- ------------------------------------ ------------- - ------- -- - ---------------------- ------------ -- ---------------- - ------- -- - ----- ------- - ----------- ---------------------- ---------- --------- --
在上面的代码中，我们使用 new WebSocket("ws://localhost:3000/ws") 来建立 WebSocket 连接，然后通过 onopen 事件监听连接建立成功的事件，通过 onmessage 事件监听服务器发送的消息。
总结
通过上面的介绍，我们了解了在 Deno 中如何使用 WebSocket 进行推送通知。在实际应用中，我们可以根据需求来扩展 WebSocket 服务器的功能，例如添加身份验证、广播消息、断线重连等功能。希望本文能够对大家有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/655d5ffbd2f5e1655d7a17c3