socket.io 在刷新时没有断开连接？

Question

我是 socket.io 的新手，并试图使用它创建一种 mmo。但是我遇到了一些问题。当前一个是如果有人刷新它看起来不像是在断开前一个套接字？在我的控制台中，它显示用户已连接两次，并将为同一用户创建另一个监听。

这是我的控制台在 3 次刷新后的样子：

User has joined : a
in getMap fora
user has disconnected
User has joined : a
User has joined : a
in getMap fora
in getMap fora
in getMap fora
in getMap fora
user has disconnected
user has disconnected
User has joined : a
User has joined : a
User has joined : a

客户端：

  var socket = io();
setUsername();

function setUsername() {
socket.emit('add user', username);
}

socket.on('startMap', function (data) {
socket.emit('getMap');
});

服务器端：

io.on('connection', function (socket) {
    var addedUser = false;

    socket.on('add user', function (username) {
            if (addedUser) return;
// we store the username in the socket session for this client
    socket.username = username;
        addedUser = true;
    console.log("User has joined : " + socket.username)
    socket.emit('startMap',{username:socket.username});

});//end add user

socket.on('getMap', function(){
    console.log("in getMap for" + socket.username);
});
  socket.on('disconnect', function(){
  console.log("user has disconnected");
  });
});

同一用户刷新 11 次后：

(node:8808) Warning: Possible EventEmitter memory leak detected. 11       disconnect listeners added. Use emitter.setMaxListeners() to increase limit
(node:8808) Warning: Possible EventEmitter memory leak detected. 11 add user listeners added. Use emitter.setMaxListeners() to increase limit
(node:8808) Warning: Possible EventEmitter memory leak detected. 11 getMap listeners added. Use emitter.setMaxListeners() to increase limit
(node:8808) Warning: Possible EventEmitter memory leak detected. 11 updateMap listeners added. Use emitter.setMaxListeners() to increase limit

Answer 1

您必须在server side 中收听disconnect 事件并进行相应的广播

io.on('connection', function (socket) {
    var addedUser = false;

    socket.on('add user', function (username) {
      if (addedUser) return;
    // we store the username in the socket session for this client
      socket.username = username;
          addedUser = true;
      console.log("User has joined : " + socket.username)
      socket.emit('startMap',{username:socket.username});

    });//end add user

    socket.on('getMap', function(){
        console.log("in getMap for" + socket.username);
    });

    socket.on('disconnect' , function(){
        // your action on user disconnect
      socket.broadcast.to(socket.chatroom).emit('user disconnect', name);
    });
});

Answer 2

在用户断开连接时检查。然后在那里做一些事情，从地图中移除等等。

let users = new Object(); // Store users
io.on('connection', function(socket) {
  socket.on('disconnect', function() {
    console.log("User has disconnected: " + users[socket.id])
    delete users[socket.id]; // User disconnected, delete from list
  });

  socket.on('add user', function(username) {
    users[socket.id] = username; // Add user to list
    console.log("User has joined: " + username);
  });
});