WebSocket 是一种全双工通信协议，可以在客户端和服务器之间实现实时通信。在前端开发中，我们通常使用 WebSocket 实现即时通讯、实时数据展示等功能。而在 Deno 中，我们同样可以使用 WebSocket 进行服务器端推送。
WebSocket 基础知识
在使用 WebSocket 进行服务器端推送之前，我们需要了解 WebSocket 的基础知识。
WebSocket 的工作原理
WebSocket 的工作原理是通过 HTTP 协议进行握手升级，然后建立一个持久化的连接，从而实现全双工通信。在握手升级过程中，客户端和服务器都可以发送 HTTP 请求和响应，但是一旦连接建立成功，就可以使用 WebSocket 协议进行数据交换。
WebSocket 的 API
在 Deno 中，我们可以使用标准的 WebSocket API 进行 WebSocket 的操作。WebSocket API 包括以下几个方法：
WebSocket.connect(url: string): Promise<WebSocket>：连接到 WebSocket 服务器。WebSocket.send(data: string | ArrayBuffer | SharedArrayBuffer | Blob | ArrayBufferView): void：发送数据到 WebSocket 服务器。WebSocket.close(code?: number, reason?: string): void：关闭 WebSocket 连接。WebSocket.addEventListener(type: string, listener: (event: WebSocketEvent) => void): void：添加 WebSocket 事件监听器。
在 Deno 中使用 WebSocket 进行服务器端推送
在 Deno 中，我们可以使用标准的 WebSocket API 进行服务器端推送。下面是一个简单的示例代码：
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------------
------ - ---------------- --------- - ---- ----------------------------------
----- ------ - ------- ----- ---- ---
--------------------------------------
--- ----- ------ --- -- ------- -
-- -------- --- ------ -
----- - ----- -- ---------- -- ---------- ------- - - ----
-----------------
-----
----------
----------
--------
-------------------------
- ---- -
------------- ----- ------ ------ ---
-
-
-------- ------------------- ---------- -
---------------- -- --------- ----------
-------------- -- -
---------------- ----- ----- ------------------------
-- ------
------------------------------ ------- -- -
---------------------- -------
---
---------------------------- -- -- -
---------------------- ---------
---
-在上面的示例代码中，我们使用 serve 方法创建一个 HTTP 服务器，并监听 8080 端口。当客户端访问 /ws 路径时，我们通过 acceptWebSocket 方法接受 WebSocket 连接，并调用 handleWebSocket 方法进行处理。
在 handleWebSocket 方法中，我们发送欢迎消息和当前时间，并使用 setInterval 方法每秒钟发送一次当前时间。同时，我们添加了 message 和 close 事件监听器，分别处理客户端发送的消息和关闭连接的情况。
总结
本文介绍了在 Deno 中使用 WebSocket 进行服务器端推送的基础知识和示例代码。WebSocket 可以实现实时通信和数据展示等功能，是前端开发中常用的技术之一。在 Deno 中，我们可以使用标准的 WebSocket API 进行 WebSocket 的操作，实现服务器端推送功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6508e9b195b1f8cacd3bb63d