Node.js,socket.io:从每个socket.io调用接收重复请求

时间:2014-09-19 21:49:57

标签: javascript node.js socket.io request duplicates

第一次尝试使用node.js,像其他人一样创建一个简单的实时聊天应用程序。

遇到问题并且持续约2小时无法找到解决方案/原因。

我最初在聊天应用程序中遇到此问题,每次向服务器发出的请求都会重复,因此消息会出现两次,在控制台中加入服务器会记录两次。我已经实现了一些解决方案,因为这里有几个类似的问题,但没有解决问题。

我尝试在新的测试应用中重新创建问题,看看我是否能找到我做错了。

服务器代码

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

与其他类似问题不同,此问题尚未到期;

  • 要调用Favicon(有express.favicon,它会在每次调用和所有浏览器中发生)
  • 要多次调用事件处理程序,请求始终只是重复,如果4个客户端连接无关紧要,或刷新请求只被调用两次。

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

干杯。

1 个答案:

答案 0 :(得分:0)

正如评论中所见,问题与node.js / socket.io无关,正如我最初想的那样,问题是我已经两次声明了我的角度脚本,导致我的角度控制器被调用两次。< / p>

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

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