Notifiche Web Api
25 Gennaio 2019
Grazie alle Notifications API siamo in grado di inviare delle notifiche sfruttando il sistema operativo che sta usando il nostro utente.
Il primo passo è il rilevamento della funzionalità di base, e quindi si passa al codice di creazione della notifica:
<script type="text/javascript">
function showNotification() {
if(window.Notification) {
Notification.requestPermission(function(status) { // lo stato è "granted", se accettato dall'utente
console.log('Status: ', status);
var n = new Notification('Titolo', {
body: 'corpo del messaggio',
icon: '/pwa_icons/icon.png' //optional
});
});
}
else {
alert('Il tuo browser non supporta le notifiche.');
}
}
</script>
Dopo aver confermato che l’API di notifica è supportata, è necessario richiedere l’accesso alla notifica da parte dell’utente. Se lo stato ritorna come “granted”, puoi creare una nuova notifica con un titolo e un corpo del testo.
Di seguito il codice html per richiamare la funzione.
<body onload="showNotification()">
Qui puoi trovare una demo e il codice.