Web Notifications, c’est l’API web largement prise en charge qui nous permet, dans nos applis web, d’utiliser le centre de notifications natif de l’appareil (sur iOS, OSX, Android, Windows, etc.).
Du moment que notre appli web est ouverte quelque part dans un navigateur lancé, et que l’utilisateur·trice nous y a autorisé, on peut donc lui notifier des trucs, avec pas mal d’embellissements et de fonctions avancées en prime !
Démo live : https://demo-notifs.netlify.app (développée et déployée pendant le live)
Chapitrage :
- 00:00 Lancement / attente
- 06:00 Démarrage
- 09:00 API de base et globale
Notification - 10:45 Demander la permission de notifier
- 20:52 Corps de contenu (body)
- 22:20 Icône (icon)
- 23:55 Image bannière (image)
- 25:00 Propriétés de l’objet Notification
- 27:02 Notifs silencieuses (silent)
- 29:18 Exigence d’interaction utilisateur (requireInteraction)
- 34:36 Réagir aux clics sur les notifications
- 36:16 Remplacement de notifications (tag)
- 41:10 Boutons personnalisés (actions)
- 59:45 Mise en place de la démo en ligne sur Netlify
- 1:20:40 Réponses à la volée dans la notification (type, placeholder et reply)
- 1:25:04 Tentatives infructueuses de recours aux vibrations
- 1:35:37 Résumé
- 1:42:27 Conclusion
Certes, certaines plates-formes prennent en charge moins de trucs que d’autres (tousse iOS), mais on peut la jouer amélioration progressive, en utilisant le noyau commun pour les trucs essentiels, et en ajoutant du confort lorsque c’est disponible : images bannières, vibration personnalisée, boutons custom, champs de saisie à la volée, badges et icônes, et j’en passe !
Clique-moi donc ce petit bouton de rappel, et ne rate pas le fun en direct !
Envie de commenter ? Fais-le directement sur YouTube !