套接字IO输出次数过多

时间:2015-08-04 17:46:48

标签: javascript node.js socket.io

这个问题已经得到解答,但我根本无法理解。你可以在这个链接找到它。

socket.on calls its callback too many times

我和这个家伙有同样的问题。我尝试使用socket.io创建聊天程序,但是当多个用户加入时,每条消息都会输出已连接用户数的次数。

例如,当一个用户连接时,他提交一条消息。它输出一次。连接两个用户时,每个消息输出两次。 连接三个用户时,每个消息输出三次。

这是我的客户端代码:

$('document').ready(function() {

  var server = io.connect('http://localhost:8888');

  $('.chat').keydown(function(event){
    var save = this;
    if(event.which == 13){

      server.emit('message', $(save).val());

      $(save).val('');
      return false;
    }
  });

  server.on('incoming', function(message){
    $('#textfield').append("<p>" + message + "</p>");
  });
});

这是我的服务器端代码:

var socket_io = require('socket.io').listen(8888).sockets;

socket_io.on('connection', function(socket){
    socket.on('message', function(message){
        socket_io.emit('incoming', message)
    });
});

谢谢!

2 个答案:

答案 0 :(得分:1)

您可以使用socket.broadcast.emit()发送给除套接字以外的所有人:

var io = require('socket.io')(8888);

io.on('connection', function(socket) {
  socket.on('message', function(message) {
    socket.broadcast.emit('incoming', message);
  });
});

更新:以下示例适用于我:

server.js

var app = require('http').createServer(handler);
var io = require('socket.io')(app);
var fs = require('fs');

app.listen(80);

function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {
      res.writeHead(500);
      return res.end('Error loading index.html');
    }
    res.writeHead(200);
    res.end(data);
  });
}

io.on('connection', function(socket) {
  socket.on('message', function(message) {
    socket.broadcast.emit('incoming', message);
  });
});

index.html

<html>
  <head>
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script>
      $('document').ready(function() {
        var server = io.connect('http://localhost');
        $('.chat').keydown(function(event) {
          if (event.which == 13) {
            var $save = $(this);
            server.emit('message', $save.val());
            $save.val('');
            return false;
          }
        });
        server.on('incoming', function(message){
          $('#textfield').append("<p>" + message + "</p>");
        });
      });
    </script>
  </head>
  <body>
    <input type="text" class="chat">
    <div id="textfield"></div>
  </body>
</html>

按Enter键时,输入框中的消息仅向所有其他连接的socket.io用户显示一次。

答案 1 :(得分:0)

好的,我终于找到了问题。

我使用的是Express 4.0。这意味着,我使用路由来运行服务器,并且我在路由中运行了套接字io代码。每次用户连接时,都必须先通过该路由,并且它们都绑定到同一个socket_io上。

感谢所有帮助过的人!