Socket.IO हैंडल डिस्कनेक्ट घटना

Question 1

खिचड़ी भाषा इस डिस्कनेक्ट घटना को संभालती है, न जाने क्यों सॉकेट इसके क्लाइंट / क्लाइंट को नहीं भेजता है!

सर्वर

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);

        });

    });

जैसा कि आप देख सकते हैं कि जब कोई ग्राहक एरे ऑब्जेक्ट को हटाता है [person_name] को हटा दिया जाना चाहिए, लेकिन इसका नहीं

Question 2

ओके, सॉकेट्स के साथ नाम ट्रैक द्वारा खिलाड़ियों की पहचान करने के बजाय जिसके माध्यम से वे जुड़े हुए हैं। आपके पास एक कार्यान्वयन हो सकता है जैसे

सर्वर

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);
   });
});

आशा है कि यह आपको दूसरे तरीके से सोचने में मदद करेगा

Question 3

@ Sha1 जैसे लोगों के लिए है कि ओपी कोड काम क्यों नहीं करता है -

सर्वर साइड पर प्लेयर को हटाने के लिए ओपी का तर्क DelPlayerईवेंट के लिए हैंडलर में है , और कोड जो इस ईवेंट ( DelPlayer) का उत्सर्जन करता है, disconnectedवह क्लाइंट के ईवेंट कॉलबैक में है।

सर्वर साइड कोड जो इस disconnectedईवेंट का उत्सर्जन करता है, वह disconnectईवेंट कॉलबैक के अंदर होता है जिसे सॉकेट कनेक्शन खो देने पर निकाल दिया जाता है। चूंकि सॉकेट पहले ही कनेक्शन खो चुका है, इसलिए disconnectedघटना क्लाइंट तक नहीं पहुंचती है।

स्वीकृत समाधान disconnectसर्वर साइड में घटना पर तर्क को निष्पादित करता है , जिसे सॉकेट डिस्कनेक्ट होने पर निकाल दिया जाता है, इसलिए काम करता है।

Question 4

एक मैप या एक सेट बनाएँ, और "कनेक्शन पर" ईवेंट का उपयोग करके इसे प्रत्येक कनेक्ट किए गए सॉकेट पर सेट करें, उल्टे "एक बार डिस्कनेक्ट करें" ईवेंट उस मानचित्र से सॉकेट को हटा दें जिसे हमने पहले बनाया था।

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);
  });

});

Question 5

आप भी कर सकते हैं, अगर आपको अपनी प्लेयर सूची को इस तरह प्रबंधित करने के लिए सॉकेट आईडी का उपयोग करना पसंद है।

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)
  })
})