पुश नोटिफ़िकेशन की सुविधा अब क्रॉस-ब्राउज़र पर काम करती है

अपने उपयोगकर्ताओं को समय पर और काम की सूचनाएं दें.

Thomas Steiner

पुश नोटिफ़िकेशन को 2016 में स्टैंडर्ड किया गया था. इसके लिए, Push API और Notification API को रिलीज़ किया गया था. ये W3C के वेब ऐप्लिकेशन वर्किंग ग्रुप का हिस्सा हैं. ये एपीआई, वेब डेवलपर को अपने वेब ऐप्लिकेशन में पुश नोटिफ़िकेशन शामिल करने के लिए ज़रूरी फ़ंक्शन उपलब्ध कराते हैं. साथ ही, इनकी मदद से उपयोगकर्ता अपने वेब ब्राउज़र पर सूचनाएं पा सकते हैं और उनसे इंटरैक्ट कर सकते हैं. पुश मैसेज, ऐसी सूचनाएं होती हैं जिन्हें उपयोगकर्ता के वेब ब्राउज़र पर किसी ऐसी वेबसाइट या ऐप्लिकेशन से भेजा जाता है जिसे उपयोगकर्ता ने सूचनाएं भेजने की अनुमति पहले ही दी हुई हो. इन मैसेज का इस्तेमाल, उपयोगकर्ता को नए कॉन्टेंट या अपडेट के बारे में सूचना देने, आने वाले इवेंट या समयसीमाओं की याद दिलाने या अन्य ज़रूरी जानकारी देने के लिए किया जा सकता है. पुश मैसेज, खास तौर पर उन ऐप्लिकेशन के लिए काम के हो सकते हैं जो अपने उपयोगकर्ताओं को समय पर और उनके काम की जानकारी देते हैं. जैसे, समाचार या खेल-कूद के ऐप्लिकेशन या उन ई-कॉमर्स वेबसाइटों के लिए जो उपयोगकर्ताओं को खास ऑफ़र या बिक्री के बारे में सूचनाएं भेजना चाहती हैं.

पुश नोटिफ़िकेशन के लिए साइन अप करने से पहले, यह देख लें कि आपका ब्राउज़र इस सुविधा के साथ काम करता है या नहीं. इसके लिए, navigator और window ऑब्जेक्ट में serviceWorker और PushManager ऑब्जेक्ट देखें.

अगर पुश नोटिफ़िकेशन की सुविधा काम करती है, तो सेवा वर्कर को रजिस्टर करने और पुश नोटिफ़िकेशन की सदस्यता लेने के लिए, async और await कीवर्ड का इस्तेमाल करें. JavaScript का इस्तेमाल करके, ऐसा करने का उदाहरण यहां दिया गया है:

// Check if the browser supports push notifications.
if ("serviceWorker" in navigator && "PushManager" in window) {
  try {
    // Register the service worker.
    const swReg = await navigator.serviceWorker.register("/sw.js");

    // Subscribe for push notifications.
    const pushSubscription = await swReg.pushManager.subscribe({
      userVisibleOnly: true
    });

    // Save the push subscription to the database.
    savePushSubscription(pushSubscription);
  } catch (error) {
    // Handle errors.
    console.error("Error subscribing for push notifications.", error);
  }
} else {
  // Push notifications are not supported by the browser.
  console.error("Push notifications are not supported by the browser.");
}

इसके बारे में और पढ़ें

• पुश नोटिफ़िकेशन की खास जानकारी
• पुश एपीआई
• iOS और iPadOS पर वेब ऐप्लिकेशन के लिए वेब पुश