Notifications Web Push: opportunes, pertinentes et précises

par Joseph Medley
rédacteur technique

Si vous demandez à une salle de développeurs quelles fonctionnalités d’appareils mobiles manquent sur le web, les notifications push sont toujours en haut de la liste.

Les notifications push Web permettent aux utilisateurs de s’inscrire aux mises à jour opportunes des sites qu’ils adorent et vous permettent de les réengager efficacement avec un contenu personnalisé et pertinent.,

L’API Push et L’API de Notification ouvrent un tout nouvel ensemble de possibilités pour vous de réengager avec vos utilisateurs.

les employés de service sont-ils impliqués?

Oui. Push est basé sur les travailleurs de service parce que les travailleurs de service opèrent dans thebackground. Cela signifie que le seul code temporel est exécuté pour une notification push (en d’autres termes, le seul moment où la batterie est utilisée) est lorsque l’utilisateur interagit avec une notification en cliquant dessus ou en la fermant. Si vous ne les connaissez pas,consultez l’introduction du service worker., Nous utiliserons le code worker service dans les sections ultérieures lorsque nous vous montrerons comment implémenter pushesand notifications.

deux technologies

Push et notification utilisent des API différentes, mais complémentaires:push est activé lorsqu’un serveur fournit des informations à un service worker; anotificationest l’action d’un service worker ou d’un script de page Web montrant des informations à un utilisateur.

une petite anatomie de notification

dans la section suivante, nous allons vous jeter un tas d’images, mais nous avons prévu du code. Donc, c’est ici., Avec un enregistrement de service worker, vous appelez showNotification sur un objet d’enregistrement.

serviceWorkerRegistration.showNotification(title, options);

Le title argument apparaît comme un titre dans la notification. L’argument optionsest un littéral d’objet qui définit les autres propriétés d’une notification.Un objet options typique ressemble à ceci:

CE code produit une notification comme celle de l’image. Il offre généralement les mêmes capacités qu’une application native., Avant de plonger dans les spécificités de la mise en œuvre de ces capacités, je vais vous montrer comment utiliser efficacement ces capacités. Nous allons ensuite décrire les mécanismes de mise en œuvre des notifications push, y compris la gestion des permissions et des abonnements, l’envoi de messages et la réponse à ceux-ci.

Comment puis-je l’essayer?

Il existe plusieurs façons de jouer avec les fonctionnalités avant de comprendre complètement leur fonctionnement ou de devoir les implémenter. Tout d’abord, vérifiez outour propre échantillon.Sont également disponibles Peter Beverloo’s notification Generatorand Mozilla Push Payload Demo.,

Commentaires

cette page a Été utile?
Oui
Ce qui était la meilleure chose à propos de cette page?
Il m’a aidé à remplir mon objectif(s)
Merci pour les commentaires. Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

Il avait les informations dont j’ai besoin
Merci pour les commentaires. Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

Il avait des informations précises
Merci pour les commentaires., Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

Il est facile à lire
Merci pour les commentaires. Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

autre Chose
Merci pour les commentaires. Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

Aucun
Ce qui était la pire chose à propos de cette page?
Il n’a pas m’aider à remplir mon objectif(s)
Merci pour les commentaires., Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

Il manquait des informations dont j’avais besoin
Merci pour les commentaires. Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

Il avait des informations inexactes
Merci pour les commentaires. Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

C’est dur à lire
Merci pour les commentaires. Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.,

autre Chose
Merci pour les commentaires. Si vous avez des idées spécifiques sur la façon d’améliorer cette page, veuillez créer un problème.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Aller à la barre d’outils