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

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

पुश नोटिफ़िकेशन को 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.");
}

ब्राउज़र सहायता

  • 42
  • 17
  • 44
  • 16

सोर्स

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

यह नई इंटरऑपरेबल सीरीज़ का हिस्सा है