Socket.IO xử lý sự kiện ngắt kết nối

Không thể xử lý sự kiện ngắt kết nối này, không biết tại sao ổ cắm của nó không gửi đến máy khách / máy khách không phản hồi!

Người phục vụ

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;

  });

});

Khách hàng

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

        });

    });

Như bạn có thể thấy khi máy khách ngắt kết nối đối tượng Array [tên_người] sẽ bị xóa, nhưng nó không

Được, thay vì xác định người chơi theo bản tên bằng các ổ cắm mà họ đã kết nối. Bạn có thể có một triển khai như

Người phục vụ

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

Hy vọng điều này sẽ giúp bạn suy nghĩ theo một cách khác

Đối với những người như @ sha1 tự hỏi tại sao mã OP không hoạt động -

Logic của OP để xóa trình phát ở phía máy chủ nằm trong trình xử lý cho DelPlayersự kiện và mã phát ra sự kiện này ( DelPlayer) nằm trong lệnh disconnectedgọi lại sự kiện bên trong của máy khách.

Mã phía máy chủ phát ra disconnectedsự kiện này nằm bên trong lệnh disconnectgọi lại sự kiện được kích hoạt khi ổ cắm mất kết nối. Vì ổ cắm đã bị mất kết nối, disconnectedsự kiện không đến được với máy khách.

Giải pháp được chấp nhận thực hiện logic về disconnectsự kiện ở phía máy chủ, được kích hoạt khi ổ cắm ngắt kết nối, do đó hoạt động.

Tạo một Bản đồ hoặc một Tập hợp và sử dụng sự kiện "khi kết nối" được đặt cho mỗi ổ cắm được kết nối, ngược lại sự kiện "một lần ngắt kết nối" sẽ xóa ổ cắm đó khỏi Bản đồ mà chúng tôi đã tạo trước đó

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

});

Bạn cũng có thể sử dụng socket id để quản lý danh sách trình phát của mình như thế này, nếu bạn muốn.

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