Socket.IO behandelt das Trennungsereignis

Kann dieses Trennungsereignis nicht verarbeiten, weiß nicht, warum der Socket nicht an den Client gesendet wird / der Client antwortet nicht!

Server

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;

  });

});

Klient

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

        });

    });

Wie Sie sehen können, trennt ein Client das Array-Objekt[person_name] sollte gelöscht werden, ist es aber nicht.

Ok, anstatt Spieler nach Namen zu identifizieren, verfolgen Sie die Steckdosen, über die sie sich verbunden haben. Sie können eine Implementierung wie haben

Server

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

Ich hoffe, das hilft Ihnen, anders zu denken

Für diejenigen wie @sha1, die sich fragen, warum der Code des OP nicht funktioniert –

Die Logik von OP zum Löschen von Spielern auf der Serverseite befindet sich im Handler für DelPlayer Ereignis und den Code, der dieses Ereignis ausgibt (DelPlayer) ist drinnen disconnected Ereignisrückruf des Clients.

Der serverseitige Code, der dies ausgibt disconnected Ereignis ist innerhalb der disconnect Ereignisrückruf, der ausgelöst wird, wenn der Socket die Verbindung verliert. Da die Steckdose bereits die Verbindung verloren hat, disconnected Das Ereignis erreicht den Client nicht.

Akzeptierte Lösung führt die Logik weiter aus disconnect Ereignis auf der Serverseite, das ausgelöst wird, wenn der Socket die Verbindung trennt, funktioniert daher.

Erstellen Sie eine Map oder ein Set, und verwenden Sie das Ereignis “on connection”, um jeden verbundenen Socket festzulegen, und löschen Sie im umgekehrten Fall das Ereignis “once disconnect” diesen Socket aus der zuvor erstellten Map

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

});

Sie können auch, wenn Sie möchten, die Socket-ID verwenden, um Ihre Spielerliste wie folgt zu verwalten.

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