Socket.io 打开数百个连接答案

【问题标题】：Socket.io opening hundreds of connectionsSocket.io 打开数百个连接
【发布时间】：2018-04-26 21:09:00
【问题描述】：

这是我的 server.js 代码：

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

users = [];
connections = [];

server.listen(process.env.Port || 3000);
console.log('server running ...')

app.get('/', function(req, res) {
 res.sendFile(__dirname + '/index.html');
});

io.sockets.on('connection', function(socket){
 connections.push(socket);
 console.log('Connected: %s sockets connected', connections.length);

 socket.on('disconnect',function(data){
 users.splice(users.indexOf(socket.username),1);
 updateUsernames(); 
 connections.splice(connections.indexOf(socket),1);
 console.log('Disconnected: %s sockets conected', connections.length);
});
 //send message
 socket.on('send message', function(data){
  console.log(data)
  io.sockets.emit('new message',{msg: data, user: socket.username});
 });

 //new User

 socket.on('new user', function(data,callback){
  callback(true);
  socket.username = data;
  users.push(socket.username);
  updateUsernames();
 });

 function updateUsernames(){
  io.sockets.emit('get users', users)
 }
});

这是我的 html 文件：

<!DOCTYPE html>
<html>
<head>
 <title>IO chat</title>
 <link rel = "stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 <script src="https://code.jquery.com/jquery-latest.min.js"></script>
  <script src="/socket.io/socket.io.js"></script>
 <style >
  body{
   margin-top: 30px;
  }
  #messageArea{
    display: none;
   }
 </style>
</head>
<body>
 <div class = "container">

 <div id = "userFormArea" class= "row">
  <div class = "col-md-12"> 
   <form id = "userForm"> 
     <div class = "form-group">
      <label>Enter Username</label>
      <input class = "form-control" id = "username"> 
      <br/>
      <input type="submit" class = "btn btn-primary" value = " Login"/>
     </div>
    </form>

  </div>
 </div>
  <div class = "row" id = "messageArea">
   <div class = "col-md-4">
    <div class = "well">
     <h3> Online users </h3>
     <ul class = "list-group" id = "users"> </ul>

     </div>

   </div>
   <div class = "col-md-8">
    <div class="chat" id = "chat"> </div>

    <form id = "messageForm"> 
     <div class = "form-group">
      <label>Enter Message</label>
      <textarea class = "form-control" id = "message"> </textarea>
      <br/>
      <input type="submit" class = "btn btn-primary" value = "Send Message"/>
     </div>
    </form>
   </div>

  </div>

 </div>
 <script>
  $(function(){
   var socket = io.connect();
   var $messageForm = $('#messageForm');
   var $message = $('#message');
   var $chat = $('#chat');
   var $userFormArea = $('#userFormArea');
   var $userForm = $('#userForm');
   var $messageArea = $('#messageArea');
   var $users = $('#users');
   var $username = $('#username');

   $messageForm.submit(function(e){
    e.preventDefault();
    socket.emit('send message', $message.val());
    $message.val('');
   });

   socket.on('new message', function(data){
    $chat.append('<div class = "well"><strong>'+data.user+'</strong>:' + data.msg + '<div>');
   });

   $userForm.submit(function(e){
    e.preventDefault();
    socket.emit('new user', $username.val(),function(data){
     if(data){
      $userFormArea.hide();
      $messageArea.show();
     }
    });
    $username.val('');
   });
   socket.on('get users', function(data){
    var html = '';
    for (i = 0; i< data.length; i++){
     html +='<li class = "list-group-item" >' + data[i]+ '</li>';
    }
    $users.html(html);
   });
  });
 </script>

</body>
</html>

我已经为此苦苦挣扎了一段时间，socket.io 有问题吗？还是我做错了什么。

如果我有什么不同的事情要做，请告诉我。我真的连接到套接字，它会输出控制台日志。

正如您在图片中看到的，我希望它说已连接：在 ONE 人连接之后连接了 1 个套接字。

【问题讨论】：

你真的编写每个缩进级别一个空格的代码吗？
性感、干净，是的。对套接字有什么想法吗？
您是说第一个连接的套接字将connections.length 显示为18324？仅供参考，io.sockets.on() 应该是 io.on()。
是的，它确实向 io.sockets.on('connection') 发送垃圾邮件。我改成io.on()，效果一样。
当我使用您的确切 HTML 页面运行您的确切服务器代码时（加载有 http://localhost:3000，我在控制台中看到：server running ... Connected: 1 sockets connected。我根本没有看到您的问题。所以，有些东西else 正在发生，这不仅是由您显示的代码引起的。让我想知道您是否正在运行旧版本的服务器，而您实际上并没有运行此版本的服务器。您可以检查正在运行的进程或重新启动您的服务器并从头开始启动此服务器或更改您正在运行的端口。

标签： node.js express socket.io

【解决方案1】：

这通常发生在客户端和服务器使用不同版本的socket.io 时。从package.json 检查服务器的版本并给客户端相同的版本。我遇到了同样的问题，升级到socket.io version 2.1.1 解决了它。

【讨论】：