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

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

似乎我没有在客户端上监听'connect'，因此客户端没有调用任何内容。最重要的是，我有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;
        });
      })

    });

socket.io和express服务器没有从客户端

1 个答案: