在现代网络应用程序中，实时通信已成为必不可少的功能。Socket.io是一个流行的JavaScript库，它简化了实时通信的过程，支持客户端和服务器之间的双向通信。
Socket.io 简介
Socket.io 是一个实现WebSocket协议的 JavaScript 库，它提供了一种简单且优雅的方式来实现实时通信，而无需担心复杂的底层细节。
Socket.io 通过将 WebSocket 和轮询等技术结合起来，提供了一种通用的机制来处理实时事件。Socket.io 提供了许多功能，包括：
- 支持任意数量的命名空间和房间。
- 支持自定义事件。
- 自动重新连接并保持会话状态。
- 支持跨域和HTTPS连接。
- 良好的兼容性和错误处理。
客户端连接到服务器
要使用 Socket.io，我们需要在客户端和服务器上分别安装 Socket.io 库。可以使用 npm 命令进行安装：
$ npm install socket.io-client
在客户端代码中，我们需要创建一个 Socket 对象，然后使用其 connect() 方法连接到服务器：
-- -------------------- ---- ------- -- -- ---------------- - ----- -- - ---------------------------- -- -- ------ -- ----- ------ - ---------------------------- -- -- ------- -- -------------------- -- -- - ---------------------- -- --------- ---
在上面的代码中，我们首先引入了socket.io-client库并创建了一个Socket对象。然后，我们使用Socket对象的connect()方法连接到服务器，并监听connect事件以确认连接已建立。
注意，在这个例子中，我们假设服务器地址为 'http://localhost:3000'。你需要将它替换成你自己的服务器地址。
服务器接收客户端连接
在服务器端，我们需要使用 Socket.io 库来监听客户端的连接请求，并处理连接事件：
-- -------------------- ---- -------
-- -- --------- -
----- -- - -----------------------------
-- -- ---------- --
------------------- -------- -- -
------------------- ------------
-- -- ---------- --
----------------------- -- -- -
------------------- ---------------
---
---在上面的代码中，我们首先引入了socket.io库并使用它创建了一个Socket服务器。然后，我们使用Socket服务器的on()方法监听connection事件来处理新的客户端连接。当连接建立时，我们打印一条消息。
我们还可以监听disconnect事件来处理客户端断开连接的情况。
发送和接收消息
一旦客户端已成功连接到服务器，就可以开始发送和接收消息了。在客户端中，我们可以使用Socket对象的emit()方法发送消息：
// 发送消息
socket.emit('chat message', 'Hello, world!');在服务器端，我们使用Socket对象的on()方法来接收这些消息：
// 监听 chat message 事件
socket.on('chat message', (msg) => {
console.log(`Received: ${msg}`);
});在上面的代码中，我们在客户端中使用emit()方法发送了一个名为'chat message'的消息。然后，在服务器端，我们使用on()方法监听同样的事件，以接收这个消息并打印它。
命名空间和房间
Socket.io 支持命名空间和房间的概念，以帮助我们组织和管理连接。命名空间是一个逻辑分组，它允许您将有关联的连接聚合在一起。房间是命名空间中的子集，允许您将相关连接进一步分类。
要创建命名空间，可以在服务器端使用Socket.io的of()方法：
// 创建命名空间 '/chat' const > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/25717) ，转载请注明来源 [https://www.javascriptcn.com/post/25717](https://www.javascriptcn.com/post/25717)