इस पेज का अनुवाद Cloud Translation API से किया गया है.

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

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

Thomas Steiner

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

पुश नोटिफ़िकेशन के लिए साइन अप करने से पहले, यह देखें कि आपका ब्राउज़र उन्हें सपोर्ट करता है या नहीं. इसके लिए, 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.");
}

Browser Support

Source

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