WebSocket 是一种支持双向通信的协议，它允许客户端和服务器之间进行实时通信。并且相比于传统的 HTTP 请求，WebSocket 的通信效率更高，对于实时性要求高的应用场景下非常实用。而在 Node.js 中，可以使用 Socket.io 库来实现 WebSocket 应用的开发。
Socket.io 简介
Socket.io 是一个基于 Node.js 平台的实时应用程序框架，它能够让服务器和客户端之间实现实时双向通信。它在 WebSocket 通信协议基础上进行了封装，实现了多种传输方式，包括 WebSocket、AJAX-polling、JSONP-polling 等，以便于在各种浏览器和设备上运行。
安装 Socket.io
可以使用 npm 包管理器来安装 Socket.io：
npm install socket.io
初始化 Socket.io
在 Node.js 服务端代码中，初始化 Socket.io 需要设置一些配置参数。以下是一个简单的初始化代码：
-- -------------------- ---- -------
----- ------- - -
----- -
------- ---
-
--
----- ------ - -------------------------------
----- -- - ---------------------------- ---------
------------------- -------- -- -
-------------- ---- ------------
---首先创建了一个 options 对象，其中设置了 CORS 相关的参数，允许来自所有 origin 的请求。然后使用 Node.js 的 http 模块创建了一个 http 服务器实例，并将这个实例传递给 Socket.io，使得 Socket.io 与该服务器进行绑定。最后使用 io.on 方法建立了一个连接事件的监听，当有客户端连接时，会在服务器端打印出 a user connected 信息。
在客户端使用 Socket.io
在客户端代码中，需要通过 Socket.io 客户端库与服务器建立连接：
const socket = io();
这里使用 io() 方法创建了一个 Socket.io 客户端实例。如果服务器不在本地，需要提供一个连接 URL 参数：
const socket = io('http://example.com');服务器端向客户端发送消息
在 Socket.io 中，服务器端使用 socket.emit 方法向客户端发送消息，客户端使用 socket.on 方法来监听来自服务器端的消息。以下是一个简单的例子：
-- -------------------- ---- -------
------------------- -------- -- -
-------------- ---- ------------
-- --------
-------------------- - -------- ------- ------- ---
-- --------
---------------- ------ -- -
------------------- ------
---
---在 connection 事件的回调函数中，使用 socket.emit 方法向客户端发送了一条名为 hello 的消息，消息内容为 { message: 'Hello, World!' }。然后在 foo 事件的回调函数中，使用 console.log 方法打印了客户端发来的消息内容。
在客户端代码中，可以使用 socket.on 方法监听来自服务器端的消息：
socket.on('hello', (data) => {
console.log(data.message);
});这里使用 socket.on 方法监听名为 hello 的消息，在消息到达时，打印出消息中的 message 字段。
客户端向服务器端发送消息
和服务器端向客户端发送消息类似，客户端可以使用 socket.emit 方法向服务器端发送消息，服务器端使用 socket.on 方法监听客户端发送的消息。以下是一个简单的例子：
-- -------------------- ---- -------
------------------ - -------- ------- -------- ---
------------------- -------- -- -
-------------- ---- ------------
-- --------
---------------- ------ -- -
------------------- ------
---
---在客户端代码中，使用 socket.emit 方法向服务器端发送名为 bar 的消息，消息内容为 { message: 'Hello, Server!' }。然后在服务器端监听 bar 事件的回调函数中，使用 console.log 方法打印了客户端发来的消息内容。
在客户端代码中，可以使用 socket.on 方法监听来自服务器端的消息：
socket.on('baz', (data) => {
console.log(data);
});这里使用 socket.on 方法监听名为 baz 的消息，在消息到达时，打印出消息内容。
总结
通过 Socket.io 库，可以更方便地在 Node.js 中实现 WebSocket 应用的开发，无需手动处理 WebSocket 协议的数据包，Socket.io 将这些细节都封装起来，使得开发者可以更专注于应用逻辑的实现。本文介绍了 Socket.io 的基本用法，对于 Node.js 实现 WebSocket 应用的开发有一定的指导意义。完整的示例代码可以在 GitHub 上找到。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/665552ced3423812e49dec4a