3

我正在关注制作 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

4

2 回答 2

6

看起来每次你打电话时Crafty.c，recieveMessageFromServer()也会被打电话。每次recieveMessageFromServer调用时，它都会在套接字上附加一个额外的事件侦听器。这就是为什么第一次返回数据时你得到一个副本，第二次你得到两个，第三次你得到三个，依此类推。

您要么需要防止recieveMessageFromServer被多次调用，要么使用removeListener或removeAllListeners删除以前附加的侦听器。

于 2013-06-12T03:56:25.810 回答
0

感谢@Bret Copeland 帮我解决了这个问题。正如他所指出的，每次调用 socket.on() 时，似乎都会添加另一个侦听器。为了防止这种...

我声明了一个全局变量：

我在我的游戏对象中声明了一个变量作为属性（在craftyjs中，所以在你的设置中使用你想要的任何东西）

Game = {

    //lots of other code here...

    //need this to use later for socket.io
    send_message : true
}

然后编辑我的 recieveMessageFromServer() 函数以检查是否可以发送消息：

recieveMessageFromServer : function() {
        console.log('does this show up multiple times?');
        /* Check whether the send_message is true before sending */
        if (Game.send_message) {
            socket.on('messageFromServer', function(data) {
            console.log(data);
            Game.send_message = false;
        });
    }
}
于 2013-06-12T18:31:46.700 回答