Invia notifiche push del browser con Push.js

Le app mobili native sono sempre state supportate le notifiche push. Ma queste notifiche erano assenti dal web fino al API di notifica spuntato.

L'API di notifica funziona tramite JavaScript. Ti permette 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 è un libreria di notifiche gratuite 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 ancora dei modi per andare avanti. Gli utenti devono consentire le notifiche da determinati siti Web prima che appaiano, quindi a meno che il tuo pubblico non si fidi già del 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 nuovi post sul blog 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 pergolato, o semplicemente afferralo direttamente da GitHub.

Da lì, tu 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!

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

Ecco un sample snippet dal sito Web Push.js:

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

tu 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.