socket.io中的第二个io.connection（）不会触发连接事件

Question

我需要动态更改客户端连接到的服务器。 因此，在我的情况下，客户端首先使用以下命令连接到服务器：

var $socket = io.connect("//serverA:5656");

这成功触发了事件代码：

$socket.on('connect', function(data) {
   alert('socket connected with id ' + $socket.id);
});

但是，如果稍后在代码上，我需要更改与之连接的服务器：

$socket = io.connect("//serverB:8900");

即使它似乎为$ socket.id生成了一个新值，也不会触发connect事件，但是从服务器到此套接字的任何发射都不会通过。

我尝试了几种新服务器连接选项，例如：

$socket.disconnect(true);
$socket = io.connect("//serverB:8900");
$socket.io.reconnect();

$socket.disconnect();
$socket.removeAllListeners('connect');
io.sockets = {};
$socket = io.connect("//serverB:8900");

$socket = io.connect("//serverB:8900", {'forceNew': true});

$socket = io.connect("//serverB:8900", {'force new connection': true});

这些（以及它们的任何组合）都没有解决。

Answer 1

io.connect创建一个新的套接字对象。 调用io.connect("//serverA:5656")时，将创建第一个套接字对象。 然后，在该套接字上设置一个connect事件侦听器。

当您调用io.connect("//serverB:8900")时，您将创建一个全新的套接字。 这个新的套接字对象对您之前创建的第一个套接字一无所知。 重要的是，它没有connect事件监听器。

您需要在第二个套接字对象上再次调用.on('connect', ...) ，以使其也具有connection侦听器。 通常，每次调用io.connection ，都需要随后调用on来攻击connection侦听器。 您可以将此操作放在一个函数中以使其更容易：

function makeSocketWithListener(server) {
    var socket = io.connect(server);
    socket.on("connect", function() {
        alert('socket connected with id ' + socket.id);
    });
    return socket;
}

var $ socket = makeSocketWithListener（“ // serverA：5656”）;

...

var $ socket = makeSocketWithListener（“ // serverB：8900”）;