Offri agli utenti notifiche tempestive e utili.
Le notifiche push sono state standardizzate nel 2016 con il rilascio dell'API Push e dell'API Notification, che fanno parte del Web Applications Working Group di W3C. Queste API forniscono agli sviluppatori web le funzionalità necessarie per incorporare notifiche push nelle loro applicazioni web e per consentire agli utenti di ricevere e interagire con le notifiche sui loro browser web. I messaggi push sono notifiche che vengono inviate al browser web di un utente da un sito web o da un'applicazione per 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, per ricordargli eventi o scadenze imminenti oppure fornire altre informazioni importanti. I messaggi push possono essere particolarmente utili per le applicazioni che devono fornire agli utenti informazioni tempestive e pertinenti, come le app di notizie o sportive, oppure per i siti web di e-commerce che desiderano inviare agli utenti notifiche relative a offerte speciali o saldi.
Per iscriverti alle notifiche push, controlla innanzitutto se il tuo browser le supporta controllando 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 iscriverti alle notifiche push. Di seguito è riportato un esempio di come eseguire questa operazione 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
Parte della serie Newly interoperable