你是否想过让你的网站能够实现实时的数据交互，比如聊天室、在线游戏、股票行情等？你是否厌倦了传统的 HTTP 协议，每次都要发送请求和等待响应，浪费了大量的时间和资源？如果你的答案是肯定的，那么你一定要了解一下 Websocket 这个神奇的技术。

Websocket 是一种在单个 TCP 连接上进行全双工通信的协议。它可以让浏览器和服务器之间建立一个持久的连接，实现双向的数据传输。Websocket 的优点有以下几点：

• 它可以避免 HTTP 协议的频繁建立和断开连接，减少网络开销和延迟。
• 它可以让服务器主动向客户端推送数据，而不需要客户端轮询，提高了效率和体验。
• 它可以支持二进制数据的传输，适用于各种场景，比如音视频、文件、图片等。
• 它可以兼容各种浏览器和平台，只需要在服务器端和客户端实现相应的协议即可。

那么，怎么使用 Websocket 呢？其实很简单，只需要以下几个步骤：

• 在客户端，创建一个 Websocket 对象，并指定要连接的服务器地址，比如var ws = new WebSocket("ws://example.com")。
• 在服务器端，监听客户端的连接请求，并创建一个 Websocket 对象，用于与客户端通信。
• 在客户端和服务器端，分别注册相应的事件处理函数，比如 onopen、onmessage、onclose、onerror 等，用于处理连接建立、数据接收、连接关闭、错误处理等情况。
• 在客户端和服务器端，分别使用 send 方法发送数据，使用 close 方法关闭连接。

为了让你更好地理解 Websocket 的工作原理和使用方法，我在这里给出了一个简单的示例代码，实现了一个简单的聊天室功能。你可以在浏览器中打开两个或多个页面，并输入你想说的话，然后看到其他页面也能收到你发送的消息。代码如下：

Websocket Chat


Send

// 引入 ws 模块
var WebSocket = require("ws");
// 创建一个 Websocket 服务器
var wss = new WebSocket.Server({port: 8080});
// 当有客户端连接时触发
wss.on("connection", function(ws) {console.log("A client connected");
// 当接收到客户端发送的数据时触发
ws.on("message", function(message) {console.log("Received message:" + message);
// 将收到的消息广播给所有客户端
wss.clients.forEach(function(client) {if (client.readyState === WebSocket.OPEN) {client.send(message);
}
});
});
// 当连接关闭时触发
ws.on("close", function() {console.log("A client disconnected");
});
});

你可以将这两段代码保存为 index.html 和server.js，然后在命令行中运行node server.js，就可以在浏览器中访问http://localhost:8080，看到效果了。

希望这篇文章对你有所帮助!