19、使用 Socket.IO 和云服务构建聊天与地图应用

使用 Socket.IO 和云服务构建聊天与地图应用

1. 使用 Socket.IO 构建聊天室应用

在客户端，我们对稍微复杂的登录事件做出响应。当接收到 loggedOn 事件时，我们创建等效的服务器端事件，并将其传输给在“secret”房间中监听的任何人：

socket.on('loggedOn', (msg: any) => {
  io.sockets.in('secret').emit('userLogOn', { user: msg, time: new Date() });
});

现在，客户端基础设施已就位，服务器也已完成。接下来，我们需要添加服务器端组件。由于 GeneralChat 和 SecretChat 组件功能几乎相同（唯一的区别是它们监听的房间不同），我们将重点关注其中一个。

1.1 Socket.IO 中的命名空间

当编写一个可供多个客户端应用使用的服务器时，若不同客户端应用使用多个 Socket.IO 服务器，使用相同的消息名称可能会引入错误。为避免此问题，Socket.IO 使用命名空间的概念来隔离消息，防止与其他应用冲突。

命名空间是提供唯一连接端点的便捷方式，使用以下代码连接到命名空间：

const socket = io.of('/customSocket');
socket.on('connection', funct