ब्राउज़र और सर्वर के बीच सबसे व्यापक रूप से उपयोग की जाने वाली और ज्ञात संचार विधि Http/s है। अनुरोध / प्रतिक्रिया के आधार पर बनाया गया यह प्रोटोकॉल कभी-कभी प्रतिक्रिया की प्रतीक्षा किए बिना संचालित होता है। सर्वर XHR, Fetch, Axios के साथ संचार करते समय हमें बीकन एपीआई की आवश्यकता क्यों है?

यह लेख वेब एपीआई लेख श्रृंखला की निरंतरता है जिसे मैंने पहले शुरू किया था । मैंने उल्लेख किया है कि जेएस कोड के साथ ऑपरेटिंग सिस्टम या ब्राउज़र के मूल भागों तक पहुंचने के लिए एपीआई प्रदान किए गए हैं। बीकन एपीआई HTTP पोस्ट पर डेटा भेजने की अनुमति देता है, लेकिन यह प्रतिक्रिया की प्रतीक्षा नहीं करता है । ब्राउज़र को डेटा भेजने का निर्देश देता है। परिणाम सत्य है यदि ब्राउज़र इसे कतारबद्ध करता है और कहता है कि यह इसे संसाधित करेगा, और यदि इस भाग में कोई समस्या है तो गलत है ।

let result = navigator.sendBeacon(url, data);
//Data Types : ArrayBufferView, Blob, DOMString, or FormData

• पृष्ठ आँकड़े, सहभागिता आँकड़े और पृष्ठ के भीतर घटकों के साथ रैंक।
• इसका उपयोग डिबगिंग और लॉगिंग के लिए किया जा सकता है। आप पृष्ठ पर घटकों में कुछ घटनाओं के लिए लॉग और सेव पॉइंट बना सकते हैं और इस जानकारी को बीकन एपीआई के साथ प्रसारित कर सकते हैं।

वास्तव में, आइए इस विषय को बेहतर ढंग से समझाने के लिए थोड़ा और देखें कि हम इस प्रक्रिया के लिए मौजूदा XHR या Fetch का उपयोग क्यों नहीं करते हैं, जो XHTTPRequest पर होता है, और हम बीकन एपीआई का उपयोग क्यों करते हैं।

जब हम बीकन एपीआई के माध्यम से अनुरोध करते हैं, तो उस समय डेटा नहीं भेजा जाता है यह तब किया जाता है जब सीपीयू का कम उपयोग किया जाता है और नेटवर्क निष्क्रिय होता है। यह केवल उपयोगकर्ता को सूचित करता है कि वह इस आदेश को निष्पादित करने के लिए कतारबद्ध है। यह एक महान प्रदर्शन लाभ प्रदान करता है, खासकर जब आप उस पृष्ठ पर एक लिंक पर क्लिक करते हैं जहां पृष्ठ अनलोड किया गया है और एक प्रारंभ पृष्ठ पर जाना चाहते हैं। इस बीच, यह अतिरिक्त एक्सएचआर अनुरोध लागत बचाता है और नए पृष्ठ पर रीडायरेक्ट करने में देरी करता है। इसलिए, बीकन एपीआई आज एक महत्वपूर्ण संचार लाभ प्रदान करता है।

सहायता

आप पता लगा सकते हैं कि ब्राउज़र निम्नलिखित के साथ बीकन एपीआई का समर्थन करता है या नहीं।

if (navigator.sendBeacon) {
  // Beacon exist
} else {
  // No Beacon. 
}

• वेब बीकन एपीआई के साथ लॉगिंग गतिविधि
• एमडीएन बीकन एपीआई

इस लेख के बाकी हिस्सों या लेख समूह में अन्य लेखों तक पहुंचने के लिए आप इस लिंक पर क्लिक कर सकते हैं ।