hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Envoyer les notifications Push du navigateur avec Push.js

Les applications mobiles natives supportaient toujours les notifications push . Cependant, ces notifications étaient absentes du Web jusqu'à ce que l' API Notifications apparaisse.

L'API Notifications fonctionne via JavaScript . Il vous permet d' envoyer des notifications push directement sur l'ordinateur de l'utilisateur via la fenêtre de son navigateur. Ce n'est pas si difficile à mettre en place, mais pourquoi réinventer la roue?

Push.js est une 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 les navigateurs sont encore très récentes et il y a des façons d'y aller avant de les attraper. Les utilisateurs doivent autoriser les notifications de certains sites Web avant qu'ils n'apparaissent. Par conséquent, à moins que votre audience ne fasse déjà confiance à votre site Web, il peut être difficile de convaincre les utilisateurs.

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

Vous pouvez télécharger la bibliothèque depuis npm ou Bower, ou tout simplement la récupérer directement depuis GitHub .

À partir de là, vous ajoutez du JavaScript de base à 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 lui 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 extrait du site Web Push.js:

 Push.create ("Bonjour tout le monde!", {Body: "Comment ça se bloque?", Icône: 'icon.png', timeout: 4000, onClick: function () {window.focus (); this.close () ;}}); 

Vous n'avez pas besoin de connaître beaucoup JavaScript pour que cette bibliothèque fonctionne sur votre site. Si vous ne faites que copier / coller ou travailler dans la documentation, vous devriez avoir des notifications push en 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 rendra les notifications push beaucoup plus faciles.

Gérez votre travail en ligne avec Groupiful

Gérez votre travail en ligne avec Groupiful

On dit souvent que si vous voulez que quelque chose soit fait correctement, vous devez le faire vous-même, mais il y a beaucoup d'avantages à travailler ensemble avec les autres. Cependant, la coordination et l'organisation du travail de groupe peuvent parfois être un peu compliquées . Devoir coordonner le travail de groupe, les tâches, les fichiers et les événements entre différentes plates-formes et services peut entraîner un mal de tête. L'ai

(Conseils techniques et de conception)

Cet outil révèle ce que WordPress Plugins et outils d'autres sites utilisent

Cet outil révèle ce que WordPress Plugins et outils d'autres sites utilisent

Avez-vous déjà atterri sur un blog et pensé "Je me demande quel thème WP ils utilisent"?Eh bien maintenant, vous pouvez trouver la réponse rapidement en utilisant le bien nommé Quel thème WordPress est-ce? outil, fonctionnant entièrement dans votre navigateur. Il fonctionne en tirant toutes les données du site et en parcourant la feuille de style . La plup

(Conseils techniques et de conception)