Socket.io: क्यों सॉकेट.डिस्कनेक्ट () क्लाइंट साइड पर सर्वर पर डिस्कनेक्ट घटना को आग नहीं लगाता है?

जहां तक ​​​​मैंने परीक्षण किया, यह ठीक काम करता है। हम इस मुद्दे को कैसे पुन: पेश कर सकते हैं?

कई बार F5 बटन दबाकर पेज में प्रवेश करने और तेजी से पुनः लोड करने का प्रयास करें।

यह मेरे लिए भी ठीक काम करता है।

आप किस ब्राउज़र का उपयोग करते हैं? मैं नवीनतम फ़ायरफ़ॉक्स का उपयोग कर रहा हूं और जब मैं बैग को तेजी से पुनः लोड करता हूं "उपयोगकर्ता डिस्कनेक्ट किया गया" काम नहीं कर रहा है: निराश:

मुझे भी समस्या है। इन क्रियाओं में, वियोग, लेकिन यह ब्राउज़र को पुनरारंभ करने की तुलना में बहुत बाद में आता है।

ब्राउज़र: क्रोम 55.0.2883.95 (64-बिट)
सॉकेट.आईओ: "^ 1.7.2"

हाय @वेंटाक्विल। मुझे वही परेशानी है कि F5 धारण करते समय डिस्कनेक्ट ईवेंट फायरिंग नहीं कर रहा है। क्या आप इस पर काबू पा चुके हैं?

@ giathinh910 किसी दिए गए विलंब के बाद disconnect घटना नहीं है (जो pingTimeout / pingInterval विकल्पों से संबंधित हो सकती है, यहां प्रलेखित)?

@darrachequesne मेरा मुद्दा ऊपर वर्णित @ventaquil जैसा ही है "पृष्ठ दर्ज करने का प्रयास करें और कई बार F5 बटन दबाकर तेजी से पुनः लोड करें"। आम तौर पर जब आप किसी पृष्ठ को रीफ्रेश करते हैं तो सॉकेट कनेक्शन "डिस्कनेक्ट" को फिर से "कनेक्ट" कर देगा। मैं ऑनलाइन उपयोगकर्ताओं की संख्या को अद्यतन करने के लिए इन 2 घटनाओं पर भरोसा करता हूं। हालांकि यदि पृष्ठ काफी तेजी से पुनः लोड हो रहा है, तो "डिस्कनेक्ट" सक्रिय नहीं होगा, जिसके कारण कुछ अस्तित्वहीन उपयोगकर्ता सॉकेट आईडी जुड़ जाती है। इन अवास्तविक लोगों को निश्चित रूप से पिंगटाइमआउट के बाद हटा दिया जाएगा। वर्तमान में मैं सॉकेट आईडी को सहेजने का तरीका बदलता हूं जो केवल ऑनलाइन उपयोगकर्ता दिखाएगा, सॉकेट की संख्या नहीं और समस्या हल हो सकती है।

मैंने इस समस्या को इस तरह से संभाला। मैंने क्लाइंट पर एक एमिट प्रेषक बनाया है जो सर्वर पर दिल की धड़कन कह रहा है।
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',
    });
  }

कोई भाग्य नहीं

सर्वर:-
यहाँ एक्सप्रेसजेएस बैकएंड पर कोड है

// इनिशियलाइज़ करने के बादChatSocket को 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 क्या?

और केवल सॉकेट का उपयोग करें। एक बार इसके बजाय सॉकेट.ऑन
"ग्राहक स्तर।"
उदाहरण:
सॉकेट.ऑन ('कनेक्ट')
उपयोग
सॉकेट। एक बार ('कनेक्ट'
.

यहाँ वही my
सॉकेट.ऑन ("संदेश") {(डेटाअरे, सॉकेटएक) -> शून्य में

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

अगर किसी को पता हो तो कॉलबैक वापस न करें मुझे बताएं

आप बेवकूफ है क्या? आप क्लाइंट पर एमिट की प्रतीक्षा कर रहे हैं लेकिन सर्वर पर कोई एमिट नहीं है। भाड़ में जाओ यहाँ से

वह कुछ वास्तविक नकारात्मक ऊर्जा है, एहसान666x।

मैंने इस समस्या को इस तरह से संभाला। मैंने क्लाइंट पर एक एमिट प्रेषक बनाया है जो सर्वर पर दिल की धड़कन कह रहा है।
एचबीट [सॉकेट.आईडी] = दिनांक.अब ();

मुझे आश्चर्य है कि क्लाइंट-साइड से hbeat मूल्य क्या भेजा जाना चाहिए?

क्लाइंट साइड में socket.disconnect() या socket.emit('disconnect') के बजाय $#$2 socket.close(); #$ का प्रयास करें और इसे सर्वर साइड पर 'disconnect' ईवेंट ट्रिगर करना चाहिए। इसने मेरे लिए काम किया।