重新连接后未触发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函数，这意味着“socketInit”变量为true，因此connect函数尝试：

socket.io.connect();

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

服务器端'connection'事件在重新连接时被触发，但客户端'connect'或'reconnect'事件未被触发。 我试图找出发生了什么，但我仍然没有得到它。 我多次检查Web控制台和服务器控制台，并且连接本身工作正常，但问题是事件无法正常工作！

如果有人知道，我将非常感谢帮助我。 谢谢 ;）

ps我试图添加'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，重新连接，重新连接和连接的事件。

Answer 2

我正在使用socket.io 2.1.1，这里是socket.io在断开连接后重新连接的所有事件序列：

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