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

bookmark_border संग्रह की मदद से व्यवस्थित रहें अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.

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

Thomas Steiner

Push API और Notification API की रिलीज़ के साथ, साल 2016 में पुश नोटिफ़िकेशन को स्टैंडर्ड किया गया था. ये 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.");
}

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

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