socket.io 和 express 服务器没有收到来自客户端的发射

Question

控制台记录“连接到套接字”，所以它似乎正在连接，但似乎没有触发任何事件，即使在服务器中 io.on 内的“断开连接”时也是如此。

“socket.on”似乎不起作用

服务器端

var server = app.listen(app.get('port'), () => {
  console.log('%s App is running at http://localhost:%d in %s mode', chalk.green('✓'), app.get('port'), app.get('env'));
  console.log('  Press CTRL-C to stop\n');
});

var io = socket(server);

io.on('connection', function(socket){
  console.log('connection to socket made');
  socket.on('chat message', function(msg){
      console.log('message: ' + msg);
    });
});

客户

ul.pages
  li.chat.page
    div.chatArea
      ul.messages
      input.inputMessage(placeholder='Type here...')
  li.login.page
    .form
      h3.title What's your nickname?
      input.usernameInput(type="text", maxlength="14")


script(src="/socket.io/socket.io.js")
script(src="https://code.jquery.com/jquery-1.11.1.js")
script.
    $(function () {
      var socket = io('http://localhost:8080/chat', {transports: ['websocket']});
      $('form').submit(function(){
        socket.emit('chat message', $('#m').val());
        $('#m').val('');
        return false;
      });
    });

Answer 1

如果有人遇到同样的问题，我犯了一个简单的错误，但如果有人能准确解释发生了什么，那就太好了。

似乎我没有在客户端上监听“连接”，因此客户端中没有调用任何内容。最重要的是，我让 jquery 选择器选择表单类而不是表单元素。

只要我添加了socket.on('connect',...) socket.emit 就可以工作了，我很快就能让 jquery 语句也能正常工作。

tldr;

确保在客户端上也打开连接事件 (socket.on('connect',...))。

客户

script.
    $(function () {
      var socket = io('http://localhost:8080', {transports: ['websocket']});
      socket.on('connect', function(){
        console.log("connected on client!");
        socket.emit('chat message', "hello there");
        $('form').submit(function(){
        console.log("form submitted");
          socket.emit('chat message', $('#m').val());
          $('#m').val('');
          return false;
        });
      })

    });