在本章节中，我们将详细介绍如何使用Deno来创建WebSocket客户端。WebSocket是一种在单个TCP连接上进行全双工通信的协议。它允许服务器主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
创建WebSocket客户端
首先，让我们从基础开始，了解如何创建一个简单的WebSocket客户端。
导入WebSocket模块
Deno自带了WebSocket的支持，所以无需安装任何额外的库。我们可以通过Deno全局对象访问WebSocket模块：
import { WebSocket } from "https://deno.land/std@0.168.0/ws/mod.ts";连接到WebSocket服务器
接下来，我们需要创建一个WebSocket实例并连接到WebSocket服务器。以下是一个简单的示例，展示了如何连接到WebSocket服务器：
const ws = new WebSocket("ws://echo.websocket.org");
// 当连接成功时触发
ws.addEventListener("open", () => {
console.log("WebSocket connection established");
});在这个例子中，我们连接到了一个名为“echo.websocket.org”的公共WebSocket服务器，该服务器会回显接收到的消息。
发送和接收消息
一旦建立了连接，我们可以发送和接收消息。下面是一些示例代码，展示了如何发送文本消息、二进制数据以及处理接收到的消息。
发送文本消息
要发送一条文本消息，可以使用send方法：
ws.send("Hello, WebSocket!");接收消息
为了处理接收到的消息，可以监听message事件：
ws.addEventListener("message", (event) => {
console.log(`Received message: ${event.data}`);
});关闭连接
当不再需要连接时，可以调用close方法关闭WebSocket连接：
ws.close();
处理错误和断开连接
除了正常的通信之外，我们还需要考虑如何处理可能出现的错误和意外断开的情况。
监听错误事件
如果发生错误，可以监听error事件：
ws.addEventListener("error", (event) => {
console.error("WebSocket error:", event);
});监听关闭事件
当连接被关闭时，会触发close事件。我们可以通过这个事件来执行清理工作或其他逻辑：
ws.addEventListener("close", (event) => {
console.log(`WebSocket closed with code ${event.code}`);
});高级功能：心跳包
在实际应用中，长时间运行的WebSocket连接可能会因为网络问题或服务器端的问题而断开。为了避免这种情况，我们可以实现一个心跳机制来定期发送消息，以确保连接保持活跃状态。
实现心跳机制
下面是一个简单的实现心跳机制的例子：
// www.javascriptcn.com code example
let heartbeatInterval;
function startHeartbeat() {
clearInterval(heartbeatInterval);
heartbeatInterval = setInterval(() => {
if (ws.readyState === WebSocket.OPEN) {
ws.send("ping");
}
}, 30000); // 每30秒发送一次心跳包
}
ws.addEventListener("open", () => {
startHeartbeat();
});
ws.addEventListener("close", () => {
clearInterval(heartbeatInterval);
});
ws.addEventListener("message", (event) => {
if (event.data === "pong") {
console.log("Received pong response");
}
});在这个例子中，我们定义了一个startHeartbeat函数，它会在WebSocket连接打开时启动一个定时器，每隔30秒发送一次“ping”消息。同时，我们还监听了“pong”响应，以确认服务器收到了我们的请求。
总结
通过本章节的学习，你应该已经掌握了如何使用Deno创建和管理WebSocket客户端的基本技能。从建立连接到发送和接收消息，再到处理错误和实现心跳机制，这些基础知识将帮助你在实际项目中更有效地使用WebSocket技术。接下来，你可以尝试构建一些实际的应用程序，比如聊天室或实时数据更新系统，进一步加深对WebSocket的理解。