Send Browser Push Notifications med Push.js

Indbyggede mobilapps havde altid støtte til push meddelelser. Men disse meddelelser var fraværende fra internettet til Notifikationer API dukkede op.

Notifikations API fungerer via JavaScript. Det giver dig mulighed for send push notifikationer direkte til brugerens computer gennem deres browservindue. Det er ikke så svært at sætte det op selv, men hvorfor genopfinde hjulet?

Push.js er en gratis underretningsbibliotek der håndterer alle de grundlæggende push notifikationer funktioner med et par linjer af JavaScript.

Disse browser-baserede meddelelser er stadig meget nye, og de har måder at gå på, før de fanger. Brugere skal Tillad underretninger fra visse websteder før de vises, så medmindre dit publikum allerede har tillid til dit websted, kan det være svært at få folk til at acceptere.

Men den bedste måde at lære er at forsøge at se, hvad der sker. Du kan sende besøgende links til dine nyeste blogindlæg, eller oplysninger om nye opdateringer til webstedet eller endda anmodninger om tilmelding til dit nyhedsbrev. Og med Push.js er det vanvittigt at få det til at fungere.

Du kan downloade biblioteket fra NPM eller Bower, eller bare tag det direkte fra GitHub.

Derfra, du Tilføj nogle grundlæggende JavaScript til din side for at oprette push notification. Hvis brugeren accepterer anmodningen fra dit websted, så får de konsekvent alle nye meddelelser, du sender. Pretty cool!

Du kan indstille meddelelsesoverskriften, hovedindholdet og andre funktioner som automatisk lukketid.

Her er en prøveuddrag fra Push.js hjemmeside:

 Push.create ("Hej verden!", Krop: "Hvordan går det hen?", Ikon: 'icon.png', timeout: 4000, onClick: funktion () window.focus (); this.close ;); 

Du behøver ikke at vide meget JavaScript for at få dette bibliotek til at fungere på dit websted. Hvis du bare kopierer / indsætter eller arbejder gennem dokumentationen, skal du have push-meddelelser, der kører på mindre end 15 minutter.

Ikke alle kan lide disse browser meddelelser, og dette bibliotek vil helt sikkert ikke være nyttigt på alle hjemmesider. Men hvis du er villig til at prøve det, er det super nemt at konfigurere og gøre push notifikationer en hel del meget lettere.