无法从客户端发出套接字消息

Question

So, I'm setting up an express app, with all the usual goodies like passport, mongoose, connect-flash etc, and I'm using socket.io to listen for and emit messages.

Currently, I'm just emitting messages to everyone (will be setting up rooms later on) and everything (but this) is working great. When an end user visits any page, all currently connected users receive a message "Hi everyone!", and the user who just connected obviously sends them self the message too. All as expected so far...

The issue: I have a page that has a button on it...

<button id="register" type="button" class="btn btn-warning">Register</button>

When clicked, this should emit a message saying 'I want to register!' (currently to everyone but that doesn't matter yet). In response, the server should listen for this and respond by emitting a message back saying 'Hmmm, will think about it!'.

'registering' is never heard at the server, and so cannot emit the reply of 'registration-response'.

Can anyone see what I'm doing wrong?

I've seen this SocketIO, can't send emit data from client and a couple others that are similar but I am already doing what they have suggested :/

NB : The app is running on http://localhost:3000/ and the io using http://localhost:8678/events . If you need any further info just let me know

Client-side JS/jQuery (app.js)

var app = app || {};

app = (function($){

    $(function () {

        /////////////////////////////////////////////////////
        // Connect to io and setup listeners
        /////////////////////////////////////////////////////

        var socket = io.connect('http://localhost:8678/events');
        socket.on('connected', function (data) {
            console.log(data); // Always see this in the console
        });

        socket.on('registration-response', function (data) {
            console.log(data); // NOT seen in console
        });

        /////////////////////////////////////////////////////
        // Setup click events
        /////////////////////////////////////////////////////

        $('#register').on('click', function(){
            console.log('click'); // Always see this, so no binding issue
            socket.emit('registering', 'I want to register!');
        });
    });

})(jQuery);

Server-side JS

var app = require('express');
var http = require('http');
var server = http.createServer(app);
var io = require('socket.io').listen(server);  //pass a http.Server instance
server.listen(8678);  //listen on port 8678

////////////////////////////////////////
// Register event listeners     
////////////////////////////////////////

var events = io.of('/events');

events.on('connection', function(socket){ // This is heard and callback fires
  events.emit('connected', 'Hi everyone!'); // This gets sent fine
});

events.on('registering', function(data){
  events.emit('registration-response', 'Hmmm, will think about it!');
});

Answer 1

Your socket on the server isn't set up to listen for the event.

You need to do it like this

events.on('connection', function(socket){ // This is heard and callback fires
    events.emit('connected', 'Hi everyone!'); // This gets sent fine
    socket.on('registering', function(data){
      events.emit('registration-response', 'Hmmm, will think about it!');
    });
});

The socket now knows what to do when it receives the 'registering' event and will send the response to the '/events' namespace.