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.

10 applications mobiles pour trouver des événements à venir et de nouveaux lieux d'intérêt

10 applications mobiles pour trouver des événements à venir et de nouveaux lieux d'intérêt

Au bout d'un moment, vous vous ennuyez en étant bloqué devant vos appareils et vous trouvez le besoin de vous reconnecter avec vos amis et de faire quelque chose ensemble. Avant de vous débarrasser de cet appareil mobile, essayez ces 10 applications pour vous aider à trouver un événement que vous pouvez d'abord vous détendre avec vos amis . Ces a

(Conseils techniques et de conception)

15 installations d'origami géant qui vont vous étonner

15 installations d'origami géant qui vont vous étonner

Si vous pensez que l'origami est juste pour faire des cygnes à partir de serviettes, eh bien, c'est en fait un peu plus que cela. L'origami est l'art de créer un chef - d'œuvre avec un simple morceau de papier . Tandis que l'origami habituel peut être fait à la maison avec du papier de la taille de votre paume, les 15 sculptures en origami géantes dans ce post vont vous sauter la tête.Des jo

(Conseils techniques et de conception)