Question

我正在尝试创建一个应用程序（类似于ome），人们可以登录并与随机的人交谈案例：当两个人（客户）登录然后登录console.log（房间）;在客户端（聊天开始事件）打印房间。但是当第三个客户登录而不是等待他创建一个新房间并与其他两个之一连接创建一个新房间。这不应该发生在我的基础上function findPeerForLoneSocket（socket）;

服务器端：

// Socket.io Setup
var io = socket(server);
var allUsers = {};  
var rooms = {};
var queue = [];
var names =[];

 app.get('/chat2',function(req,res){
   if (req.isAuthenticated()) {
    res.render('chat');
    var findPeerForLoneSocket = function(socket) {
      if (queue.length > 0) {
          var peer= queue.pop();
          var room = socket.id + '#' + peer.id;
          peer.join(room);
          socket.join(room);
          rooms[peer.id] = room;
          rooms[socket.id] = room;
          peer.emit('chat start', {'name': names[socket.id], 'room':room});
          socket.emit('chat start', {'name': names[peer.id], 'room':room});
      } else {
          queue.push(socket);
      }
    }

    io.on('connection', function(socket) {      
      findPeerForLoneSocket(socket);
    });

} else {
    res.redirect('/');
  }
})

客户方：

   $(document).ready(function(){
  var socket = io('http://localhost:3000');
  var connected = false;
 var message = document.getElementById('message'),


handle = document.getElementById('handle'),
  btn = document.getElementById('send'),
  btn2 = document.getElementById('next'),
  output = document.getElementById('output');

  socket.on('connect', function (data) {
    connected = true;
  });

  socket.on('chat start', function(data) {
    $( "#connecting" ).remove();
    $( "#connected" ).text('Connected...');
      room = data.room;
      console.log(room);   
  });
});

Answer 1

当客户连接到/chat2时，会发生两件事情：
1.我们渲染一个chat文件，
2.我们在'connecting'事件上创建了一个新的监听器。

因此，每次新客户端连接时，都会创建新的侦听器。当两个客户端已经连接并成功移动到一个房间时，我们已经有两个监听器io.on('connection')在等待。当第三个客户端连接时，第一个侦听器将他推送到队列数组，然后第二个侦听器弹出他并为他和他的同伴创建一个新的空间。 socket.id和peer.id都是相同的，因此第三个客户自行聊天。当第四个客户连接时，已经有三个听众......

您必须从io.on('connecting')代码中取app.get，如下例所示（为调试添加了几个console.logs）。

const express = require('express');
const app = express();
const http = require('http').Server(app);
const io = require('socket.io')(http);

var queue = [];

var findPeerForLoneSocket = function(socket) {
    if (queue.length > 0) {
        var peer= queue.pop();
        console.log(peer.id + ' was popped from queue\n');
        log(queue);
        var room = socket.id + '#' + peer.id;
        peer.join(room);
        socket.join(room);
        console.log(socket.id + ' and ' + peer.id + ' joined room ' + room);
        peer.emit('chat start', {'name': socket.id, 'room':room});
        socket.emit('chat start', {'name': peer.id, 'room':room});
    } else {
        queue.push(socket);
        console.log(socket.id + ' was pushed to queue\n');
        log(queue);
    }
};

var log = arr => {
    console.log('Queue: ');
    for (let i = arr.length; i--;) {
        console.log(arr[i].id);
    }
    console.log('\n');
};

io.on('connection', function (socket) {
    console.log(socket.id + ' connected');
    findPeerForLoneSocket(socket);
});

http.listen(3000, function(){
    console.log('express + socket.io server listening on *:3000');
});

app.get('/', (req,res) => {
    res.sendFile(__dirname + '/sterg.html');
});

Socket.io随机聊天室

1 个答案: