Invia notifiche push del browser con Push.js

Le app mobili native avevano sempre il supporto per le notifiche push . Ma queste notifiche erano assenti dal web fino a quando non è spuntata l' API di notifica .

L'API di notifica funziona tramite JavaScript . Ti consente di inviare notifiche push direttamente al computer dell'utente attraverso la finestra del browser. Non è difficile impostarlo da solo, ma perché reinventare la ruota?

Push.js è una libreria di notifiche gratuita che gestisce tutte le funzioni di notifica push di base con poche righe di JavaScript.

Queste notifiche basate su browser sono ancora molto nuove e hanno molte strade da percorrere prima di accedervi. Gli utenti devono consentire le notifiche di determinati siti Web prima che vengano visualizzati, quindi, a meno che il tuo pubblico non abbia già fiducia nel tuo sito web, può essere difficile convincere le persone ad accettarlo.

Ma il modo migliore per imparare è cercare di vedere cosa succede. Puoi inviare ai visitatori link ai tuoi post più recenti o informazioni sui nuovi aggiornamenti del sito o anche richieste di iscrizione alla tua newsletter. E con Push.js è pazzesco semplice farlo funzionare.

Puoi scaricare la libreria da npm o Bower, o semplicemente prenderla direttamente da GitHub .

Da lì, aggiungi alcuni JavaScript di base alla tua pagina per creare la notifica push. Se l'utente accetta la richiesta dal tuo sito, riceverà costantemente tutte le nuove notifiche che invii. Molto carino!

È possibile impostare l'intestazione della notifica, il contenuto principale e altre funzionalità come il tempo di chiusura automatica.

Ecco uno snippet di esempio dal sito Web Push.js:

 Push.create ("Hello world!", {Body: "Come va?", Icona: 'icon.png', timeout: 4000, onClick: function () {window.focus (); this.close () ;}}); 

Non è necessario conoscere molto JavaScript per far funzionare questa libreria sul tuo sito. Se si copia / incolla o si lavora sulla documentazione, è necessario che le notifiche push vengano eseguite in meno di 15 minuti.

Non a tutti piacciono queste notifiche del browser e questa libreria certamente non sarà utile su tutti i siti web. Ma se sei disposto a provarlo è semplicissimo da configurare e renderà le notifiche push molto più semplici.