Skicka Browser Push Notifications med Push.js

Native mobile apps hade alltid stöd för pushnotifikationer. Men dessa anmälningar var frånvarande från webben till Notifierings API poppade up.

Meddelanden API fungerar via JavaScript. Det tillåter dig att skicka push-meddelanden direkt till användarens dator via deras webbläsarfönster. Det är inte så svårt att ställa upp dig själv, men varför uppfinna hjulet?

Push.js är en gratis anmälningsbibliotek som hanterar alla grundläggande push notifieringsfunktioner med några rader av JavaScript.

Dessa webbläsarbaserade meddelanden är fortfarande mycket nya och de har sätt att gå innan de hamnar på. Användare behöver tillåta meddelanden från vissa webbplatser innan de kommer att visas, så om inte din publik redan litar på din webbplats kan det vara svårt att få folk att acceptera.

Men det bästa sättet att lära sig är att försöka se vad som händer. Du kan skicka besökares länkar till dina senaste blogginlägg, eller information om nya uppdateringar till webbplatsen eller till och med förfrågningar om att anmäla dig till ditt nyhetsbrev. Och med Push.js är det galet enkelt att få det här att fungera.

Du kan ladda ner biblioteket från npm eller Lövsal, eller bara ta den direkt från GitHub.

Därifrån, du lägg till några grundläggande JavaScript till din sida för att skapa push notification. Om användaren accepterar begäran från din webbplats får de konsekvent alla nya meddelanden som du skickar. Ganska cool!

Du kan ställa in meddelandehuvudet, huvudinnehållet och andra funktioner som automatisk stängningstid.

Här är en provbit från Push.js hemsida:

 Push.create ("Hello world!", Body: "Hur hänger det?", Ikon: "icon.png", timeout: 4000, onClick: function () window.focus (); this.close ;); 

Du behöver inte veta mycket JavaScript för att få detta bibliotek att fungera på din webbplats. Om du bara kopierar / klistrar in eller arbetar igenom dokumentationen ska du ha push-meddelanden som körs på mindre än 15 minuter.

Inte alla gillar dessa webbläsarmeddelanden och det här biblioteket kommer säkert inte att vara användbart på alla webbplatser. Men om du är villig att ge detta ett försök är det väldigt enkelt att ställa upp och kommer att göra pushanmälningar en hel del mycket lättare.