当我们需要在前端实现多个 Socket 连接时，Socket.io 中的 Namespace 是一个非常有用的工具。使用不同的 Namespace，我们可以轻松地在前端实现多个 Socket 连接，并对每个连接进行不同的配置和操作。
什么是 Namespace
Namespace 是 Socket.io 中的一个概念，它类似于 HTTP 中的 URL，用于将 Socket 连接分组并打标签。每个 Namespace 都有一个唯一的标识符，并且可以具有自己的配置和处理逻辑。
创建 Namespace
要创建一个 Namespace，我们需要在服务器端使用 of 方法，如下所示：
const io = require('socket.io')(server);
const myNamespace = io.of('/my-namespace');在以上示例中，我们创建了一个名为 “my-namespace” 的 Namespace。我们可以在客户端使用io.connect('/my-namespace') 方法来连接该 Namespace。
在 Namespace 中建立连接
在 Namespace 中建立连接方式与正常连接方法一样。在客户端中，只需要使用 io.connect('/my-namespace') 连接到 Namespace 即可创建连接。而在服务器端，我们可以使用以下方法来处理连接：
myNamespace.on('connection', (socket) => {
console.log('a user connected to my-namespace');
});发送消息
在 Namespace 中发送消息与 Socket 一样，只是需要将消息发送到 Namespace 对象中。以下是在 Namespace 中发送消息的示例代码：
// 服务器端
myNamespace.emit('message', 'hello from my-namespace');
// 客户端
socket.on('message', (msg) => {
console.log(`received message: ${msg}`);
});处理 Namespace 中不同 Socket 的连接
在 Namespace 中，我们可以使用不同的 Socket 来处理不同的连接，这样可以更好地分离和管理不同的连接。以下是处理不同 Socket 连接的示例代码：
-- -------------------- ---- ------- -- ---- -- -- -- - - - ------ -- ----- ------- - ---------------------------- -------- -- - ------------------- - --------- -- --------------- --- -- -- -- - - - ------ -- ----- ------- - ---------------------------- -------- -- - ------------------- - --------- -- --------------- --- -- --- -- - -- - - - ------ ---- ----------------------- ------ ---- ------ ---- -- - -- - - - ------ ---- ----------------------- ------ ---- ------ ----
总结
在 Socket.io 中，Namespace 是一个非常有用的工具，它可以帮助我们在前端实现多个 Socket 连接，并对每个连接进行不同的配置和操作。在开发前端应用时，使用 Namespace 可以更好地组织代码和管理连接。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f0e003f6b2d6eab3ad04a8