Send Browser Push Notifications med Push.js

Native mobile apps har alltid hatt støtte for trykk varsler. Men disse varslene var fraværende fra nettet til Varslings-API poppet opp.

Meldings API fungerer gjennom JavaScript. Det tillater deg å send push meldinger direkte til brukerens datamaskin gjennom nettleservinduet. Det er ikke så vanskelig å sette opp det selv, men hvorfor gjenoppfinne hjulet?

Push.js er en gratis varslingsbibliotek som håndterer alle de grunnleggende push notifieringsfunksjonene med noen få linjer med JavaScript.

Disse nettleserbaserte varslene er fortsatt veldig nye, og de har måter å gå før de blir tatt på. Brukere må tillat meldinger fra bestemte nettsteder før de kommer til syne, så med mindre publikum din stoler på nettstedet ditt, kan det være vanskelig å få folk til å akseptere.

Men den beste måten å lære er å prøve å se hva som skjer. Du kan sende besøkende koblinger til de nyeste blogginnleggene dine, eller informasjon om nye oppdateringer til nettstedet eller til og med forespørsler om å registrere deg for nyhetsbrevet ditt. Og med Push.js er det gal enkelt å få dette til å fungere.

Du kan laste ned biblioteket fra NPM eller Bower, eller bare ta den direkte fra GitHub.

Derfra, du legg til noen grunnleggende JavaScript til siden din for å opprette push notifikasjonen. Hvis brukeren aksepterer forespørselen fra nettstedet ditt, vil de konsekvent få alle nye varslene du sender. Ganske kult!

Du kan angi varseloverskriften, hovedinnholdet og andre funksjoner som automatisk lukkertid.

Her er en prøveutdrag fra Push.js nettside:

 Push.create ("Hello world!", Body: "Hvordan er det hangin '?", Ikon:' icon.png ', timeout: 4000, onClick: function () window.focus (); this.close ;); 

Du trenger ikke å vite mye JavaScript for å få dette biblioteket til å fungere på nettstedet ditt. Hvis du bare kopierer / lister eller arbeider gjennom dokumentasjonen, bør du ha push-meldinger som kjører på mindre enn 15 minutter.

Ikke alle liker disse nettleservarselene, og dette biblioteket vil sikkert ikke være nyttig på alle nettsteder. Men hvis du er villig til å prøve dette, er det veldig enkelt å sette opp og vil gjøre push meldinger en hel del av mye lettere.