Socket.io: 클라이언트 측의 socket.disconnect()가 서버에서 연결 해제 이벤트를 발생시키지 않는 이유는 무엇입니까?

내가 테스트 한 한 잘 작동합니다. 문제를 어떻게 재현할 수 있습니까?

F5 버튼을 여러 번 눌러 페이지를 입력하고 빠르게 새로고침을 시도합니다.

그것은 나에게도 잘 작동합니다.

어떤 브라우저를 사용합니까? 최신 Firefox를 사용 중이고 빠르게 다시 로드할 때 "사용자 연결 끊김"이 작동하지 않습니다.

나도 문제가 있다. 이러한 작업에서는 연결이 끊어지지만 브라우저를 다시 시작한 것보다 훨씬 늦게 옵니다.

브라우저: 크롬 55.0.2883.95(64비트)
socket.io: "^1.7.2"

안녕하세요 @ventaquil입니다. F5 키를 누른 상태에서 연결 해제 이벤트가 발생하지 않는 것과 같은 문제입니다. 당신은 이것을 극복 했습니까?

@giathinh910 은 주어진 지연 후에 disconnect 이벤트가 발생하지 않습니까( 여기 에 문서화된 pingTimeout / pingInterval 옵션과 관련될 수 있음)?

@darrachequesne 내 문제는 위에서 설명한 @ventaquil 과 동일합니다. "F5 버튼을 여러 번 눌러 페이지를 입력하고 빠르게 다시 로드하세요." 일반적으로 페이지 소켓 연결을 새로 고칠 때 "연결 끊기"가 발생하고 다시 "연결"이 실행됩니다. 온라인 사용자 수를 업데이트하기 위해 이 2가지 이벤트에 의존합니다. 그러나 페이지가 충분히 빠르게 다시 로드되면 "연결 해제"가 실행되지 않아 존재하지 않는 사용자 소켓 ID가 추가됩니다. 이러한 비현실적인 사람들은 물론 pingTimeout 후에 제거됩니다. 현재 소켓 번호가 아닌 온라인 사용자에게만 표시되는 소켓 ID 저장 방법을 변경하고 문제를 해결할 수 있습니다.

저는 이 문제를 이런 식으로 처리했습니다. 서버에서 하트비트를 호출하는 클라이언트에서 이미 발신자를 만들었습니다.
socket.on("heartbeat", function() { // console.log('heartbeat called!'); hbeat[socket.id] = Date.now(); setTimeout(function() { var now = Date.now(); if (now - hbeat[socket.id] > 5000) { console.log('this socket id will be closed ' + socket.id); if (addedUser) { --onlineUsers; removeFromLobby(socket.id); try { // this is the most important part io.sockets.connected[socket.id].disconnect(); } catch (error) { console.log(error) } } } now = null; }, 6000); });

호출할 이 코드 함수를 찾았습니다.

io.sockets.connected[socket.id].disconnect();

이것은 여전히 ​​​​발생합니다. F5/새로고침일 필요는 없습니다. 특정 단계에서 탭을 열었다가 빠르게 닫으면 연결 해제가 트리거되지 않습니다. 소켓이 매우 빠르기 때문에 재현하기 어렵습니다. 특히 로컬에서 실행할 때 그렇습니다. 백그라운드에서 탭을 열고 다른 탭을 열면 문제를 재현하는 데 도움이 됩니다(로컬). 해결해야 할 중요한 버그라고 생각합니다.

여기에 같은 문제가 있습니다. 이것은 내 게임 서버에 유령 게임을 만들고 있습니다.

클라이언트를 수동으로 연결 해제하기 위해 일부 방출 기능을 사용할 수 있습니다.
도움이 될지는 모르겠지만 뭔가 얻은 것 같아요... 아마도...

클라이언트 :

function ManualSocketDisconnect() {
    socket.emit("manual-disconnection", socket.id);

    socket.close();

    console.log("Socket Closed. ");
}

서버 :

io.on("connection", function(socket) {
    console.log("User " + socket.id + " Connected. ");

    socket.on("manual-disconnection", function(data) {
        console.log("User Manually Disconnected. \n\tTheir ID: " + data);
    });
});

미안하지만 내 코드에 약간의 구멍을 남겼을 것입니다. 나는 전문가가 아니다. 🙁

나는 같은 문제에 직면하고 있습니다!
나는 ReactJS-ExpressJS에서 예제를 제공할 것입니다.

다음은 이벤트를 발생시키는 상황이며 componentWillUnmount() 에 캡슐화되어 있습니다.

componentWillUnmount() 에서 실행할 두 이벤트를 비교하겠습니다.

1. newMessage :- 특정 방에 메시지를 브로드캐스트합니다.
2. disconnect :-(작동하기를 바랐지만 작동하지 않음) 이 이벤트 리스너에는 연결이 끊길 콜백이 있습니다. 콜백이 맞는지 확인하기 위해 console.log() 를 포함했습니다.

자, 이제 시작합니다:-
고객:-

다음 이벤트가 발생하고 있습니다.-

  componentDidMount() {
    console.log(this.props)
    chat.emit('authenticate', {
      token: localStorage.getItem('auth'),
      refreshToken: localStorage.getItem('refresh'),
      projectId: this.props.projectId,
      userId: this.props.userId,
    });
    chat.on('newMessage', (messageData) => {
      console.log('------------newMessageReceived-------------');
      this.props.messageReceived({ messages: this.props.messages, messageData }, () => {
        console.log('callback');
        this.setState({
          messages: this.props.messages
        })
      })
      console.log(messageData);
    })
  }

다음 이벤트가 실행되지 않습니다.

  componentWillUnmount() {
    chat.emit('disconnect','just disconnect);
  }

다음 이벤트가 발생합니다.(일반 메시지 이벤트가 발생하는지 테스트 만 하면 됨)

  componentWillUnmount() {
    chat.emit('newMEssage', {
      messageHeader: {
        sender: {
          user: {
            id: this.props.userId,
            name: this.props.name
          }
        }
      },
      messageBody: 'hello',
    });
  }

불운

섬기는 사람:-
다음은 expressJS 백엔드의 코드입니다.

//다음 initializeChatSocket은 app.js에서 호출됩니다.

function initializeChatSocket(server) {
  projects.hasMany(projectTeam, { foreignKey: 'projectId' });

  const io = socketIO(server);
  const chat = io.of('/chat').on('connection', function (socket) {
    console.log(
      '----------------------------------------New Chat Connection Established-------------------------------------------------------------------------'
    );

    socket.auth = false;

    socket.on('authenticate', function (data) {
      console.log('\n\n\n\n', 'authenticate called', '\n\n\n\n', data, '\n\n\n');

      try {
        const dummyReq = {
          headers: {
            refreshtoken: data.refreshToken,
          },
        };
        console.log('\n\n\n\n', 'before verify', '\n\n\n\n');
        const userDetails = verifyJWTToken(dummyReq, data.token);
        console.log('\n\n\n\n', 'after verify', '\n\n\n\n');
        socket.userId = userDetails.userId;
        socket.projectId = data.projectId;

        projectTeam
          .findAll({
            where: {
              [Op.and]: {
                projectId: data.projectId,
                userId: data.userId,
              }
            }
          })
          .then(projects => {
            console.log('\n\n\n\n', JSON.stringify(projects), '\n\n\n\n');
            if (projects.length === 1) {
              socket.auth = true;
              socket.join(socket.projectId);
              console.log('User id:- ${userDetails.userId} linked to project id :- ${socket.projectId}');
            } else {
              console.log('User id:- ${userDetails.userId} not linked to project id :- ${socket.projectId}');
              throw { message: 'User not linked to project' };
            }
          });
      } catch (error) {
        console.log(String(error));

        socket.auth = false;
        socket.disconnect(String(error));
      }
    });

    socket.on('disconnectt', function() {
      console.log('Client Disconnecting'); // This is not being fired :/
      socket.removeAllListeners('newMessage');
      socket.removeAllListeners('disconnect');
      socket.removeAllListeners('authenticate');
      socket.removeAllListeners('connection');
      });

    socket.on('newMessage', async function (messageData) {
      console.log('-------------------------New Message----------------------', String(messageData));
      //TODO Save Message in Database

      try {
        socket.broadcast.to(socket.projectId).emit('newMessage', messageData);
        console.log('\n\n\n\n\n broadcast sent\n\n' + JSON.stringify(messageData) + '\n\n\n');
      } catch (error) {
        console.log('\n\n\n\n\n broadcast error\n\n\n\n\n');
        console.log(String(error));

        console.log(error);
        //TODO Handle Message Sending Error
      }
    });

  });
}

이것이 브라우저의 문제입니까 아니면 스택 오버플로 커뮤니티에 문의해야 하는 다른 문제입니까?

@manjotsk 지금까지 수정했는지 확실하지 않지만 서버 측 코드에서 disconnectt (이중 t 주의)를 수신하고 있지만 프론트 엔드가 방출 중입니다. disconnect . 또한 클라이언트 연결이 끊길 때 해당 이벤트가 클라이언트에서 서버로 전송되어야 하므로 disconnect 를 내보내고 싶지 않을 것입니다.

중복 ips를 방지하기 위해 연결 해제 이벤트를 내보내는 소켓에 의존하는 코드가 있습니다. 연결 해제가 실행되지 않기 때문에 내 앱을 다시 로드하는 사용자는 빠르게 차단됩니다!

@manjotsk 지금까지 수정했는지 확실하지 않지만 서버 측 코드에서 disconnectt (이중 t 주의)를 수신하고 있지만 프론트 엔드가 방출 중입니다. disconnect . 또한 클라이언트 연결이 끊길 때 해당 이벤트가 클라이언트에서 서버로 전송되어야 하므로 disconnect 를 내보내고 싶지 않을 것입니다.
disconnectt 는 내가 사용하던 사기 가명이었습니다! 지적해주셔서 감사합니다. 양쪽에서 다시 확인하겠습니다. 그리고 분명히 구현이 잘못되었습니다! 더 선명한 시야를 확보했습니다! @nathanheffley 감사합니다 👍 :)

@manjotsk 뭐?

socket.on 대신 socket.once만 사용하십시오.
"고객 수준."
예:
socket.on('연결')
사용
socket.once('연결'
.

여기 내
socket.on("message") { (dataArray, socketAck) -> 무효

  if let data = dataArray.first as? Data{
    do{
      let objc = try JSONDecoder.init().decode(GetChatConversation.self, from: data)
      completionHandler(objc,nil)
    }
    catch let error{
      return completionHandler(nil,error.localizedDescription)
    }
  }else{
    completionHandler(nil,"Cannot cast Array of Any to Data")
  }
}

아는 사람이 있으면 콜백을 반환하지 마십시오.

당신은 바보입니까? 클라이언트에서는 방출을 기다리고 있지만 서버에서는 방출하지 않습니다. 여기서 꺼져

그건 진짜 부정적인 에너지야, Ehsan666x.

저는 이 문제를 이런 식으로 처리했습니다. 서버에서 하트비트를 호출하는 클라이언트에서 이미 발신자를 만들었습니다.
hbeat[socket.id] = Date.now();

클라이언트 측에서 어떤 hbeat 값을 보내야 하는지 궁금합니다.

socket.disconnect() 또는 socket.emit('disconnect') 대신 클라이언트 측에서 socket.close(); $를 시도하고 서버 측에서 'disconnect' 이벤트를 트리거해야 합니다. 그것은 나를 위해 일했습니다.