Socket.IO จัดการเหตุการณ์ตัดการเชื่อมต่อ

ไม่สามารถจัดการกับเหตุการณ์ตัดการเชื่อมต่อนี้ไม่รู้ว่าทำไมซ็อกเก็ตไม่ส่งไปยังไคลเอนต์ / ไคลเอนต์ไม่ตอบสนอง!

เซิร์ฟเวอร์

io.sockets.on('connection', function (socket) {

  socket.on('NewPlayer', function(data1) {

    online = online + 1;
    console.log('Online players : ' + online);
    console.log('New player connected : ' + data1);
    Players[data1] = data1;
    console.log(Players);

  });

  socket.on('DelPlayer', function(data) {

    delete Players[data];
    console.log(Players);
    console.log('Adios' + data);

  });

  socket.on('disconnect', function () {

      socket.emit('disconnected');
      online = online - 1;

  });

});

ลูกค้า

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

    socket.on('connect', function () { 

        person_name = prompt("Welcome. Please enter your name");

        socket.emit('NewPlayer', person_name);

        socket.on('disconnected', function() {

            socket.emit('DelPlayer', person_name);

        });

    });

ดังที่คุณเห็นเมื่อไคลเอ็นต์ยกเลิกการเชื่อมต่อ Array object [person_name] ควรถูกลบ แต่ไม่ใช่

โอเคแทนที่จะระบุผู้เล่นด้วยแทร็กชื่อด้วยซ็อกเก็ตที่พวกเขาเชื่อมต่อ คุณสามารถใช้งานได้เช่น

เซิร์ฟเวอร์

var allClients = [];
io.sockets.on('connection', function(socket) {
   allClients.push(socket);

   socket.on('disconnect', function() {
      console.log('Got disconnect!');

      var i = allClients.indexOf(socket);
      allClients.splice(i, 1);
   });
});

หวังว่านี่จะช่วยให้คุณคิดในอีกแง่หนึ่ง

สำหรับผู้ที่ชอบ @ sha1 สงสัยว่าทำไมรหัสของ OP ไม่ทำงาน -

ตรรกะของ OP ในการลบผู้เล่นที่ฝั่งเซิร์ฟเวอร์อยู่ในตัวจัดการสำหรับDelPlayerเหตุการณ์และรหัสที่ปล่อยเหตุการณ์นี้ ( DelPlayer) อยู่ในการdisconnectedเรียกกลับเหตุการณ์ของไคลเอนต์

รหัสฝั่งเซิร์ฟเวอร์ที่ปล่อยdisconnectedเหตุการณ์นี้อยู่ในการdisconnectเรียกกลับเหตุการณ์ซึ่งจะเริ่มทำงานเมื่อซ็อกเก็ตสูญเสียการเชื่อมต่อ เนื่องจากซ็อกเก็ตขาดการเชื่อมต่อdisconnectedเหตุการณ์จึงไม่สามารถเข้าถึงไคลเอ็นต์ได้

โซลูชันที่ยอมรับจะรันตรรกะในdisconnectเหตุการณ์ที่ฝั่งเซิร์ฟเวอร์ซึ่งจะเริ่มทำงานเมื่อซ็อกเก็ตตัดการเชื่อมต่อจึงใช้งานได้

สร้างแผนที่หรือชุดและใช้เหตุการณ์ "เชื่อมต่อ" ที่ตั้งไว้กับซ็อกเก็ตที่เชื่อมต่อแต่ละซ็อกเก็ตที่เชื่อมต่อในทางกลับกันเหตุการณ์ "เมื่อตัดการเชื่อมต่อ" ลบซ็อกเก็ตนั้นออกจากแผนที่ที่เราสร้างไว้ก่อนหน้านี้

import * as Server from 'socket.io';

const io = Server();
io.listen(3000);

const connections = new Set();

io.on('connection', function (s) {

  connections.add(s);

  s.once('disconnect', function () {
    connections.delete(s);
  });

});

นอกจากนี้คุณยังสามารถใช้รหัสซ็อกเก็ตเพื่อจัดการรายชื่อผู้เล่นได้เช่นนี้

io.on('connection', function(socket){
  socket.on('disconnect', function() {
    console.log("disconnect")
    for(var i = 0; i < onlineplayers.length; i++ ){
      if(onlineplayers[i].socket === socket.id){
        console.log(onlineplayers[i].code + " just disconnected")
        onlineplayers.splice(i, 1)
      }
    }
    io.emit('players', onlineplayers)
  })

  socket.on('lobby_join', function(player) {
    if(player.available === false) return
    var exists = false
    for(var i = 0; i < onlineplayers.length; i++ ){
      if(onlineplayers[i].code === player.code){
        exists = true
      }
    }
    if(exists === false){
      onlineplayers.push({
        code: player.code,
        socket:socket.id
      })
    }
    io.emit('players', onlineplayers)
  })

  socket.on('lobby_leave', function(player) {
    var exists = false
    for(var i = 0; i < onlineplayers.length; i++ ){
      if(onlineplayers[i].code === player.code){
        onlineplayers.splice(i, 1)
      }
    }
    io.emit('players', onlineplayers)
  })
})