מעכשיו התראות נתמכות בדפדפנים שונים

מומלץ להציג למשתמשים התראות שימושיות בזמן הנכון.

התראות Push הוסדרו ב-2016 עם השקת Push API ו-Notification API, שנכללים בקבוצת העבודה של W3C לאפליקציות אינטרנט. ממשקי ה-API האלה מספקים את הפונקציונליות הנדרשת למפתחי אינטרנט כדי לשלב התראות דחיפה באפליקציות האינטרנט שלהם, ולמשתמשים כדי לקבל התראות ולנהל איתן אינטראקציה בדפדפני האינטרנט שלהם. הודעות דחיפה הן התראות שנשלחות לדפדפן האינטרנט של המשתמש מאתר או מאפליקציה שהמשתמש העניק להם הרשאה לשלוח התראות. אפשר להשתמש בהודעות האלה כדי להתריע את המשתמש על תוכן או עדכונים חדשים, להזכיר לו על אירועים או על מועדים קרובים או לספק לו מידע חשוב אחר. הודעות Push יכולות להיות שימושיות במיוחד לאפליקציות שצריכות לספק למשתמשים מידע רלוונטי ועדכני, כמו אפליקציות חדשות או ספורט, או לאתרי מסחר אלקטרוני שרוצים לשלוח למשתמשים התראות על מבצעים או על מכירות מיוחדות.

כדי להירשם לקבלת התראות דחיפה, קודם צריך לבדוק אם הדפדפן תומך בהן. לשם כך, מחפשים את האובייקטים serviceWorker ו-PushManager באובייקטים navigator ו-window.

אם יש תמיכה בהתראות דחיפה, משתמשים במילות המפתח async ו-await כדי לרשום את ה-service worker ולהירשם לקבלת התראות דחיפה. דוגמה לאופן שבו אפשר לעשות זאת באמצעות 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.");
}

תמיכה בדפדפנים

  • Chrome: 42.
  • קצה: 17.
  • Firefox: 44.
  • Safari: 16.

מקור

קריאה נוספת