socket.io-套接字不是仅在客户端上定义

Question

I'm running two instances of socket.io on my local machine (two namespaces). The present issue is that when trying to connect from the client side (to any namespace), I get the following error:

Uncaught ReferenceError: socket is not defined

I tested this without custom namespaces and the same issue arose. The server side is just fine as I can emit events.

The Client code looks like this:

Client

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script>

<script>
var socketOptions           = {};
socketOptions.transports    = ['polling'];
var client                  = new PlayClient();

var playSocket  = io.connect('http://localhost:8044/clients', socketOptions);

playSocket.on('connect', function(socket) {
    console.clear();
    console.info("CLIENT: Connected.");

    socket.on("client:change scene", function(newSceneId) {
        console.log(newSceneId);
        client.changeScene(newSceneId);
    });

});
</script>

It looks like I just overwrote the socket. So, basic troubleshooting led me to this answer leading me to confirm that. However, passing (data) or something else instead still leaves socket undefined but with the console declaring: TypeError: undefined .

If I change .on('connect') to .on('connection') , the socket is no longer overwritten but fails to connect or receive any emitted events because the socket.io client does not understand the 'connection' event .

Any help with this is much appreciated, as I seem to be caught in a circular rut.

Answer 1

you seem to be confusing server side and client side events; they are pretty different. each client object can only be connected to a single server, while the server can receive many connections

maybe try something like:

var playSocket  = io.connect('http://localhost:8044/clients', socketOptions);

playSocket.on('connect', function() {
    console.clear();
    console.info("CLIENT: Connected.");
}

playSocket.on("client:change scene", function(newSceneId) {
    console.log(newSceneId);
    client.changeScene(newSceneId);
});