Le notifiche push sono ora supportate su più browser

Fornisci notifiche tempestive e utili ai tuoi utenti.

Thomas Steiner

Le notifiche push sono state standardizzate nel 2016 con il rilascio dell'API Push e dell'API Notification, che fanno parte del gruppo di lavoro sulle applicazioni web del W3C. Queste API forniscono le funzionalità necessarie agli sviluppatori web per incorporare le notifiche push nelle loro applicazioni web e agli utenti per ricevere e interagire con le notifiche sui loro browser web. I messaggi push sono notifiche inviate al browser web di un utente da un sito web o un'applicazione a cui l'utente ha precedentemente concesso l'autorizzazione a inviare notifiche. Questi messaggi possono essere utilizzati per avvisare l'utente di nuovi contenuti o aggiornamenti, ricordargli eventi o scadenze imminenti o fornire altre informazioni importanti. I messaggi push possono essere particolarmente utili per le applicazioni che devono fornire informazioni tempestive e pertinenti ai propri utenti, come le app di notizie o di sport, o per i siti web di e-commerce che vogliono inviare agli utenti notifiche su offerte speciali o saldi.

Per registrarti alle notifiche push, controlla innanzitutto se il tuo browser le supporta cercando gli oggetti serviceWorker e PushManager negli oggetti navigator e window.

Se le notifiche push sono supportate, utilizza le parole chiave async e await per registrare il service worker e abbonarti alle notifiche push. Ecco un esempio di come farlo utilizzando 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.");
}

Per approfondire

• Panoramica delle notifiche push
• API Push
• Notifiche push web per le app web su iOS e iPadOS