• Privacy Policy
  • Cookie Policy
  • Accedi
  • it
  • en

Guida introduttiva alle Web Push Notification

Se usi uno smartphone ti sarai imbattuto più volte nelle notifiche Push. La stessa filosofia che è alla base di queste notifiche è presente anche nei moderni browser.

Vediamo ora una panoramica a tutto quello che ti serve per poter iniziare.

Sito Web (Frontend)

Per prima cosa dobbiamo chiedere all'utente di permettere l'uso delle notifiche. Se l'utente acconsente, il browser ci fornirà le informazioni utili per poter succesivamente inviare le notifiche.

Una volta che avrete a disposizione queste informazioni, dovrete inviarle al vostro server di backend per esserse salvate o aggiornate.

Questo è un esempio di codice JavaScript utile a questo fine:

Server di Backend

Sul vostro server di backend dovrete creare le API necessarie affichè il vostro sito web vi possa inviare i dati della sottoscrizione dell'utente. Inoltre dovrete creare le logiche per poter inviare, quando neccessario, la vostra notifica a tutti gli utenti registrati.

Questo è un esempio scritto in GO per poter inviare notifiche ai vostri utenti:

Service Worker

Quando il vostro server di backend invia una richiesta di notifica, questa verrà presa incarico dal vostro Service Worker. Oltre a ricevere la notifica, il Worker si occupa di tutte le logiche per la sua gestione, dalla visualizzazione all'interazione.

Questo è un semplcie esempio di Service Worker:

Conclusioni

Questa introduzione vuole solo fornire una panoramica delle nozioni necessarie per aggiugnere un sistema di notifiche al vostro sito web. Per chi volesse approfondire.