LIVE · Christophe fait des Web Notifications
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 !
Watch video LIVE · Christophe fait des Web Notifications online without registration, duration hours minute second in high quality. This video was added by user Delicious Insights 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 26 once and liked it 1 people.