Envoyer des notifications push du navigateur avec Push.js

Les applications mobiles natives ont toujours eu un support pour notifications push. Mais, ces notifications étaient absentes du Web jusqu'à ce que le API de notifications surgi.

L'API Notifications fonctionne à travers JavaScript. Cela vous permet de envoyer des notifications push directement sur l'ordinateur de l'utilisateur via la fenêtre de son navigateur. Ce n'est pas si difficile de le configurer soi-même, mais pourquoi réinventer la roue?

Push.js est un bibliothèque de notifications gratuite qui gère toutes les fonctionnalités de notifications push de base avec quelques lignes de JavaScript.

Ces notifications basées sur un navigateur sont encore très nouvelles et elles ont encore du chemin à faire avant de se faire prendre. Les utilisateurs doivent autoriser les notifications de certains sites Web avant qu'ils n'apparaissent, donc à moins que votre public ne fasse déjà confiance à votre site Web, il peut être difficile d'amener les gens à accepter.

Mais la meilleure façon d'apprendre est d'essayer de voir ce qui se passe. Vous pouvez envoyer aux visiteurs des liens vers les derniers messages de votre blog, des informations sur les nouvelles mises à jour du site ou même des demandes d'inscription à votre newsletter. Et, avec Push.js, c’est simple comme bonjour de le faire fonctionner.

Vous pouvez télécharger la bibliothèque à partir de npm ou Tonnelle, ou simplement le saisir directement de GitHub.

À partir de là, vous ajouter du JavaScript de base sur votre page pour créer la notification push. Si l'utilisateur accepte la demande de votre site, il recevra systématiquement toutes les nouvelles notifications que vous envoyez. Plutôt cool!

Vous pouvez définir l'en-tête de notification, le contenu principal et d'autres fonctionnalités telles que l'heure de fermeture automatique..

Voici un échantillon extrait sur le site web de Push.js:

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

Vous pas besoin de savoir beaucoup de JavaScript pour que cette bibliothèque fonctionne sur votre site. Si vous ne faites que copier / coller ou parcourir la documentation, les notifications push doivent s'exécuter dans moins de 15 minutes..

Tout le monde n'aime pas ces notifications de navigateur et cette bibliothèque ne sera certainement pas utile sur tous les sites Web. Mais si vous êtes prêt à essayer, il est très facile à configurer et facilitera grandement les notifications push..