socket.io随机聊天室一对一

时间:2018-10-28 15:20:52

标签: node.js express socket.io chatroom

所以有我的代码,我试图用带房间的Socket.io创建聊天室(一对一随机聊天室),但我认为这是有bug的,因为当我连接前两个套接字时它工作正常,但是当我连接第三个套接字时套接字它不再工作了,我认为是因为“ numb ++”,但是我不知道如何纠正它,因为我在房间里没有太多经验。我想实现:在2个套接字之间聊天,当第三个客户端加入时,我想创建第二个房间,等待第四个套接字加入聊天等等。而且,我知道我想与Omegle进行一对一的随机聊天。

 var numb = 1;
 var chnm = io.of('/STchat')

 app.get('/STchat', function(req, res){

res.sendFile('C:\\Users\\tuna\\Desktop\\JUSTFOL\\views\\Tchat.html')

chnm.once('connect', function(socket){
  socket.join("room" + numb)
  console.log('made socket connection', socket.id);
chnm.in("room" + numb).clients(function(err, clients){
      if(clients.length > 2) {

     numb++
      }
});
socket.on('chat', function(data) {
 chnm.in("room" + numb).emit('chat',data)

  })
  socket.on('disconnect', function(){
    console.log('socket disconnected')
  });

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


});









var socket = io.connect('http://localhost:5000/STchat')

var message = document.getElementById('message');
handle = document.getElementById('handle');
btn = document.getElementById('send');
output = document.getElementById('output');
typing = document.createElement('p');
typing.className = "tycl";
input = document.getElementById("message");

$('form').submit(function(){


    socket.emit('chat',{
        message: message.value,

    });
    $('#message').val('');
    return false;
});
input.addEventListener("keyup", function(event) {
       event.preventDefault();

    if (event.keyCode === 13) {

      document.getElementById("send").click();
    }
  });

socket.on('chat', function(data){
  output.innerHTML += '<p>' +'  '+ data.message +'</p>' 
});

1 个答案:

答案 0 :(得分:1)

这太长了,无法放入评论中,因此我添加为答案。为了澄清,这是我在发送聊天事件时遇到的一个问题。让我们来看看一个场景。

var numb = 1;

两个用户(用户A和用户B)连接到该套接字,并进入房间“ room1”。现在,numb应该增加您的代码,现在numb将== 2。

现在,用户A(在“ room1”中)发出“聊天”事件。这是我看到的问题:

socket.on('chat', function(data) {
    chnm.in("room" + numb).emit('chat', data)

})

用户A的聊天事件发送到“ room2”,但用户A在“ room1”中。发生这种情况是因为场景中的这一点此时numb == 2,并且您正在使用numb发出该事件,基本上就是chnm.in("room" + 2)发生的情况。用户B没有收到用户A的发射,因为它被发送到错误的房间(room2)。如果我误解了您要做什么,请告诉我。

编辑:这里要求对您的代码进行一些修改,我已经在本地成功进行了测试。每个房间两个用户。

var numb = 1;
var chnm = io.of('/STchat');

app.get('/STchat', function(req, res) {

    res.sendFile('C:\\Users\\tuna\\Desktop\\JUSTFOL\\views\\Tchat.html');

    chnm.once('connect', function(socket) {

        // store the room in a var for convenience
        var room = "room" + numb;

        // join socket to the next open room
        socket.join(room);

        // store room on socket obj for use later - IMPORTANT
        socket.current_room = room;

        // log some stuff for testing
        console.log('made socket connection', socket.id);
        console.log("Joined room: ", socket.current_room);

        // Check room occupancy, increment if 2 or more
        chnm.in(room).clients(function(err, clients) {
            if (clients.length >= 2) {
                numb++;
            }
        });

        socket.on('chat', function(data) {
            // emit to that sockets room, now we use that current_room
            chnm.in(socket.current_room).emit('chat', data);
        });

        socket.on('disconnect', function() {
            console.log('socket disconnected');
        });
    });

});

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