如何在 node.js 的 socket.io 服务器中显示在线用户？

Question

我正在创建一个国际象棋游戏网站。当用户点击在线播放时，我需要显示可用的在线播放器。从在线播放器列表中，用户可以单击并向他们发送请求以进行播放。现在我的主要问题是我是 socket.io 的新手，并没有在网上找到任何关于此的资源。我并不是要显示单个房间中可用的用户，而是显示整个套接字服务器可用的播放器。 Here Online Players will be shown in a list

function sendName(name) {
  var isNameValid = true;
  for (var i = 0; i < users.length; i++) {
    if (users[i].name === name) {
      isNameValid = false;
      console.log(name + " is already taken");
      console.log(users);
      socket.emit("nameError", "Name already exists, Try again");
      return;
    }
  }
  if (isNameValid) {
    var room = generateRoomId();
    users.push({ id: socket.id, name: name, room: room });
    socket.join(room);
    socket.emit("roomId", room);
  }
}

所有用户都被推送到服务器端的用户数组中。但我不知道如何在客户端获取他们的姓名和房间信息，然后在前端显示。

<div>
            <h3 style="color:white;">Online Players</h3>
                    <ul id="users">
                    </ul>
</div>

在线玩家将在此处显示。 此外，当一个用户断开在线玩家列表时，我认为套接字可以刷新。我正在做一个项目，任何帮助都将不胜感激，我也会从中学习。

Answer 1

我正在为服务器端和客户端添加示例代码。完整的工作代码可在here 获得。连接成功后，每个客户端都会从 socket.io 服务器获取所有活跃的房间，并加入一个名为“ChessRoom”的房间

服务器端

const sockets = new Map() // holds all active sockets

io.on('connection', (socket) => {
    console.log(`${socket.id}: connected`);
    sockets.set(socket.id,socket) // add socket to Map object
    socket.join("ChessRoom") // join socket to demo room
    
    socket.on('disconnect', (data)=>{
        console.log(`${socket.id} disconnected`);
        sockets.delete(socket.id) // delete socket from Map object
    })

    socket.on('getrooms', (data,replyFn)=>{
        console.log(`${socket.id}: received getrooms event with ${data}`);
        const rooms = Array.from(io.sockets.adapter.rooms).map( (room) => {
            return { name: room[0], members: Array.from(room[1])}
        })
        replyFn(rooms)
    })

});

客户端

socket.on('connect', async ()=>{
    console.log(`${socket.id} connected`)
    const data = "OptionalData"
    socket.emit( "getrooms", data, (rooms) =>{
        rooms.forEach((room, index) => {
            console.log(`room${index}: `, room)    
        });       
    })
})    

socket.on('error', async ()=>{
    console.log(`${socket.id} error`)
})