socket.io数据似乎被多次发送(nodejs和craftyjs)

Question

我正在按照本教程制作HTML5游戏.我想尝试混合节点以使其成为多人游戏.我在服务器上使用node.js(v0.10.4),在前端使用crafty.js.

我正在使用socket.io来发送和接收消息.现在只是我(不是多个客户).发生的奇怪事情是来自服务器的消息似乎被多次发送.我在socket.io中启用了调试模式,但它似乎只发送了一次数据,但在前端数据似乎是以倍数形式进入.我在数据上设置了一个增量器,似乎增量器没有多次递增,而是我得到了相同数据的多个副本.

这是节点代码:

var http = require('http').createServer(handler),
static = require('node-static'),
io = require('socket.io').listen(http);

io.set('log level', 3);
http.listen(80);
//attach the socket to our server
var file = new static.Server(); //Create a file object so we can server the files in the correct folder

function handler(req, res) {
    req.addListener('end', function() {
      file.serve(req, res);
    }).resume();
}

io.sockets.on('connection', function (socket) { //listen for any sockets that will come from the client 
  socket.on('collected', function(data) {
   /**** here's where the data is being sent back to the client *****/
   socket.emit('messageFromServer', { data: data.number });
  });
});

这是前端代码:

//messenger entity
Crafty.c('SendRecieveMessages',{
    count: 0,
    sendMessageToServer : function() {
      console.log('got a village');
      /**** Here's where we send the message to the server ****/
      socket.emit('collected', { village : "The message went to the server and back. it's collected", number : this.count });
      this.count++;
},
recieveMessageFromServer : function() {
    socket.on('messageFromServer', function(data) {
        /*** This data seems to be coming back or logging multiple times? ***/  
        console.log(data);
    });
}
});

最后,这是调试过程中的屏幕截图.正如您所看到的,数字并不总是递增,它几乎看起来像数据被存储.谢谢!

http://cl.ly/image/0i3H0q2P1X0S

Answer 1

它看起来像每次调用时Crafty.c,recieveMessageFromServer()获取调用了.每次recieveMessageFromServer调用时,它都会在套接字上附加一个事件侦听器.这就是为什么第一次数据回来时你得到一份副本,然后第二次得到两份,第三次得到三份,依此类推.

您需要阻止recieveMessageFromServer多次调用,或使用removeListener或removeAllListeners删除以前连接的侦听器.