Node.js、socket.io：接收来自每个 socket.io 调用的重复请求答案

【问题标题】：Node.js, socket.io: Receiving duplicate requests from every socket.io callNode.js、socket.io：接收来自每个 socket.io 调用的重复请求
【发布时间】：2023-04-02 17:39:01
【问题描述】：

第一次尝试使用 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 个客户端是否连接，或者刷新请求只会被调用两次。

谁能从我的代码中看出问题所在？如果你运行这段代码，你会得到相同的输出吗？

干杯。

【问题讨论】：

我的第一个想法是你的角度控制器被执行了两次。
如果你在调试器中运行它，比如chrome调试器，你能从网络流量中看出数据是否通过网络发送了两次吗？
看来你是对的。在 Chrome 调试器中看不到任何网络调用（可能是因为它是 websockets？）但在按钮点击代码上应用断点表明它被点击了两次。
好吧，现在觉得很傻。在所有错误的地方寻找了很长时间。 Angular 被加载了两次，我在两个不同的位置声明了 angular

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

【解决方案1】：

正如我最初认为的那样，在 cmets 中看到的问题与 node.js/socket.io 无关，问题是我已经两次声明了我的角度脚本，导致我的角度控制器被调用两次。

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

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

【讨论】：