重新连接后未触发socket.io 'connect‘或' reconnect’事件

Question

我在使用Socket.io时遇到了问题。

代码很简单：

var socket = null;
var socketInit = false;    //if it is true, use reconnect

...
function connect() {
    if(!socketInit) {
        socket = io();
        socketInit = true;

        //attach event handlers
        socket.on('connect', function() {
            console.log('connect fired!');
        });
        socket.on('disconnect', function() {
            console.log('disconnect fired!');
        });
        socket.on('reconnect', function() {
            console.log('reconnect fired!');
        });
    }
    else {
        socket.io.connect();
    }
}

...
function disconnect() {
    socket.disconnect();
}

正如您所看到的，有两个函数可以连接或断开套接字。在connect函数中，它将“connect”、“disconnect”、“reconnect”处理程序附加到套接字。

首先我调用了connect函数，它工作得很好。服务器端也工作得很好。我调用了disconnect函数，和服务器一样工作得也很好。

但我再次调用了连接函数，这意味着"socketInit“变量为真，因此连接函数尝试：

socket.io.connect();

我检查了服务器和客户端控制台，看起来它已经连接了，但问题是事件没有被激发！

服务器端“connection”事件在重新连接时激发，但客户端“connect”或“reconnect”事件未激发。我试着弄清楚到底是怎么回事，但我还是不明白。我多次检查web控制台和服务器控制台，连接本身工作正常，但问题是事件不工作！

如果有人知道该怎么走，我将非常感激。谢谢;)

附注：我尝试添加'reconnected'，'reconnection'，'reconnect_error‘事件处理程序，但都不起作用。

Answer 1

如果您使用的是Socket.io 1.0，请尝试使用套接字上的io管理器来处理手动断开和重新连接。

var socket = null;
var socketInit = false;

function connect() {
    if(!socketInit) {
        socket = io();
        socketInit = true;

        //attach event handlers
        socket.on('connect', function() {
            console.log('connect fired!');
        });
        socket.on('disconnect', function() {
            console.log('disconnect fired!');
        });
        socket.on('reconnect', function() {
            console.log('reconnect fired!');
        });
    }
    else {
        socket.io.reconnect();
    }
}


function disconnect() {
    socket.io.disconnect();
}

套接字上的reconnecting_attempt、reconnecting、reconnected和connected事件都应该在之后发出。

Answer 2

我使用的是socket.io 2.1.1，下面是socket.io处理断开连接后重新连接的所有事件序列：

只需执行socketClient.on(eventName, callBackFunc);

​

​