2014-09-19 99 views
2

尝试我的手node.js的首次,创造像其他人一样简单的实时聊天应用程序。的Node.js,socket.io:从每一个接收重复请求socket.io调用

一直与它有一个问题,去年〜2小时不能找到一个解决方案/理由。

我最初有这个问题,我的聊天应用程序中,到服务器的每一个请求将被复制,从而消息将出现两次,在连接服务器将记录两次控制台。我已经实施了一些解决方案,因为这里存在一些类似的问题,但没有解决问题。

我试图重现该问题的一个新的测试应用程序,看看我能找到我做了什么错。

Server代码

var express = require('express'); 
 
var routes = require('./routes'); 
 
var path = require('path'); 
 
var http = require('http'); 
 

 
var app = module.exports = express(); 
 
var server = require('http').createServer(app); 
 
var io = require('socket.io').listen(server); 
 

 
app.set('port', 1620); 
 
app.use(express.logger('dev')); 
 
app.use(express.methodOverride()); 
 
app.use(express.static(path.join(__dirname, 'public'))); 
 
app.use(app.router); 
 
app.set('views', __dirname + '/views'); 
 
app.engine('html', require('ejs').renderFile); 
 

 
if ('development' == app.get('env')) { 
 
    app.use(express.errorHandler()); 
 
} 
 

 
app.get('/', routes.index); 
 

 
io.sockets.on('connection', function (socket) { 
 
    socket.on('test', function (data) { 
 
     console.log('Test.' + data);    
 
    }); 
 
}); 
 

 
server.listen(app.get('port'), app.get('ipaddr'), function() { 
 
    console.log('Express server listening on IP/hostname: "' + app.get('ipaddr') + '" and port: "' + app.get('port') + '"'); 
 
});

客户端代码:

'use strict'; 
 
angular.module('chatter', []); 
 

 
angular.module('chatter').controller('chatterCtrl', [ 
 
    '$scope', '$http', function ($scope, $http) { 
 
    
 
    $scope.test = 'Hello'; 
 
    
 
    var socket = io.connect(); 
 
    
 
    $scope.sendTest = function() { 
 
     socket.emit('test', 'ThisIsATest'); 
 
    } 
 
} 
 
]);

其中$ scope.sendTest势必会点击一个按钮。

这里是控制台日志...

(不会让我张贴图片)

Test.1 
Test.1 
Test.2 
Test.2 
Test.3 
Test.3 
Test.4 
Test.4  
Test.5 
Test.5 
Test.6 
Test.6 

不像其他similiar问题,这个问题是不是由于;

  • 要图标被称为(有express.favicon,它发生的每一个电话,在所有浏览器)
  • 为事件处理程序被调用很多次,请求总是只重复的,不要紧,如果4个客户端连接,或者刷新请求只会被调用两次。

任何人都可以从我的代码看看有什么问题可能是什么?如果你运行这个代码,你会得到相同的输出吗?

干杯。

+1

我的第一个想法是,你的角度控制器正在执行两次。 – Incognito 2014-09-19 23:12:01

+2

如果在调试器(如chrome调试器)中运行此功能,您是否可以从网络流量中看到数据是否通过线路两次发送? – aembke 2014-09-19 23:38:06

+0

似乎你是对的。在Chrome调试器中看不到任何网络调用(可能是因为它是websockets?),但在按钮点击代码中应用一个断点表明它正在被点击两次。 – MaxJ 2014-09-20 10:29:10

回答

0

正如评论问题无关,与node.js的/ socket.io我intially想看到的,问题是,我宣布我的角度脚本两次,导致我的角度控制器的一切被调用两次。

<script src="~/Scripts/angular.js" type="text/javascript"></script> 
    <script src="~/Scripts/angular.js" type="text/javascript"></script> 

删除重复的声明解决了问题。