Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML में क्लोज कनेक्शन के बाद वेबसॉकेट से कैसे पुनः कनेक्ट करें?

पुनः कनेक्शन रणनीति

पुनः कनेक्ट करने के लिए सॉकेट को रीक्रिएट करें। वेबसॉकेट्स खुले रहने के लिए डिज़ाइन किए गए हैं।

आप सर्वर को कनेक्शन बंद करने की विधि भी अपना सकते हैं। इसके माध्यम से, वेबसॉकेट एक onclose इवेंट फायर करेगा और कनेक्शन बनाने का प्रयास जारी रखेगा।

इसके अलावा, जब सर्वर फिर से सुन रहा होता है तो कनेक्शन स्वचालित रूप से पुनर्स्थापित हो जाएगा।

उदाहरण

// Socket Variable declaration
var mySocket;
const socketMessageListener = (event) => {
    console.log(event.data);
};

// Open
const socketOpenListener = (event) => {
    console.log('Connected');
    mySocket.send('hello');
};

// Closed
const socketCloseListener = (event) => {
    if (mySocket) {
        console.error('Disconnected.');
    }
    mySocket = new WebSocket('ws://localhost:8080');
    mySocket.addEventListener('open', socketOpenListener);
    mySocket.addEventListener('message', socketMessageListener);
    mySocket.addEventListener('close', socketCloseListener);
};

socketCloseListener();

यह पैटर्न एक्सपोनेंशियल बैकऑफ के साथ मजबूत पुनः कनेक्शन लागू करता है।

  1. JavaScript से स्क्रीन रेजोल्यूशन कैसे पता करें? JavaScript से स्क्रीन रेजोल्यूशन कैसे पता करें?

    उदाहरण स्क्रीन रेजोल्यूशन जानने के लिए window.screen ऑब्जेक्ट का उपयोग करें। // चौड़ाई के लिए window.screen.availWidth // ऊंचाई के लिए window.screen.availHeight पूरा कोड: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=devic

  1. HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं? HTML में बिब्लियोग्राफी (ग्रंथ सूची) कैसे बनाएं?

    <ol> और <cite> टैग्स का उपयोग बिब्लियोग्राफी (संदर्भ ग्रंथ सूची) बनाने के लिए <ol> से क्रमांकित सूची और <cite> से पुस्तक/कृति का शीर्षक मार्क करें। उदाहरण <!DOCTYPE html> <html> <head> <title>Bibliography</title> </head> <body>

  1. HTML के साथ डाउनलोड लिंक कैसे बनाएं? HTML के साथ डाउनलोड लिंक कैसे बनाएं?

    HTML के साथ डाउनलोड लिंक बनाने के लिए, कोड इस प्रकार है: उदाहरण <!DOCTYPE html> <html> <body> <h1>डाउनलोड लिंक उदाहरण</h1> <a href=https://i.picsum.photos/id/225/800/800.jpg download> <img src=https://i.picsum.photos/id/225/800/800.jpg style=width: 300