Progressive Web App : Notification push
HTML-код
- Опубликовано: 14 июн 2021
- Article ► grafikart.fr/tutoriels/progre...
Abonnez-vous ► bit.ly/GrafikartSubscribe
Après avoir découvert le principe des [progressive web apps](/tutoriels/decouverte-progressive-web-apps-1932) je vous propose d'explorer plus en profondeur les service workers avec la mise en place d'un système de notification Push.
Soutenez Grafikart:
Devenez premium ► grafikart.fr/premium
Donnez via Utip ► utip.io/grafikart
Retrouvez Grafikart sur:
Le site ► grafikart.fr
Twitter ► / grafikart_fr
Discord ► grafikart.fr/tchat 
Наука
![MORTAL KOMBAT 1 - KOMBAT PACK 2 REVEAL TRAILER!! [REACTION]](http://i.ytimg.com/vi/Mi2M58zEQVc/mqdefault.jpg)
Très bien expliqué
Ca fait un moment que je voulais connaître ce système
Un grand merci
Vraiment supper j'attendais cette video et la voila ! bravo GRAFIKART
Explications très complète sur le sujet que je recherchais merci !
Exactement ce dont j'avais besoin. Merci!
Comme d'habitude, une superbe vidéo ! Merci beaucoup ! Est-ce qu'un jour tu penses nous en faire une sur la possibilité de créer son propre service de push notification ? :) Ce serait super !
Très claire merci :)
Merci pour la vidéo
C’est GÉNIAL !!!!! Merci !!!!
Super video. Merci pour votre travail. Allez vous faire une formation sur electron.
Pile au moment ou je voulais en savoir plus. Tres bonne vidéo
super vidéo @grafikart, merci M.
Merci beaucoup
Super vidéo, dommage que tu n'es pas plus de vues :/
Bonjour c est monsieur patel cetait pour dire rien du tout...nan jdeconne vraiment super video j ai mi un like
Merci
C'est limpide, merci. Tu sais comment se comporte l'autorisation de notification pour l'utilisateur si on a encapsulé notre pwa dans une webview android ? Le gestionnaire de notification est toujours délégué au navigateur par défaut ou c'est comme pour n'importe quelle application native ?
merci super vidéo
Ah, phpstorm, j'approuve
Svp ça marche uniquement dans un projet créé en JavaScript ou on peu aussi l'intégrer dans un projet en Php si oui comment faire ?
C'est indiqué dès le début de la vidéo :(
La technologie backend n'a pas d'importante et tu peux envoyer les notification push depuis n'importe quel langage côté backend.
Super video, mais bon la lib JS est morte, plus de support, ne fonctionne pas avec TypeScript > 4 et ne marche meme pas si on downgrade typescript car l'auth est outdated 😭. Sinon la video est super c'est bien explique comm d'hab 👍
Super tuto. Est-ce que quelqu'un est arrivé à envoyer des notifications sur Iphone ? Ca marche sur Android pour moi mais pas sur Apple :-/
Can someone recommend good PWA series complete in English except Net Ninja and Google developers?
What aspect of PWA are you interested in ? offline / push support ?
@@grafikart I am a newbie i found your channel but unfortunately it is not in english. I want to learn how to create a PWA and as many aspects as possible can you please help me by creating a series of videos in english as well. There are no good courses or videos on PWA or please guide me from where can I learn. Thanks a lot sir
Hi @@akashbhadouria6727 ! Have you tried Traversy media channel or Design Course channel (from Gary Simon) ? They have greet english content ! Hope it will help you.
Hi save endpoint serviceworker to database laravel from send push notification
la typo sur la variable "subscription" m'a tellement frustré ^^
Ahah moi aussi j'ai fait un gros facepalm au moment du montage ^^
Personnellement, je déteste cette feature en tant qu'internaute, mais gg pour le tuto
Oui comme souvent c'est une feature à utiliser dans des situations très précises (un tchat par exemple ou un système d'alerte pour un événement donné) mais comme souvent ça été abusé :(. Clairement il faut réfléchir si ça a du sens (chose que beaucoup ne font pas ^^)
Safari qui ne supporte pas la feature toujours en retard sur l'innovation --'
non Safari a son propre système de notification et ils n'ont clairement aucune envie de déployer ça actuellement
@@FlorentMorselli oui donc ils sont en retard, ils font comme internet explorer, à vouloir tout contrôler et ne rien faire dans les standards
Pour le coup Safari attend peut être que ça devienne standard car une grande partie des service Workers est encore en working draft (w3c.github.io/ServiceWorker/) avec une écriture très centrée sur Google. Mieux vaut parfois attendre que d'implémenter un truc qui changera après coup (on se souvient de Flexbox qui a été implémenté trop tôt et qui a changé).
Safari, IE6 même combat.
Apple est réticent aux PWA de manière générale car ce sont des concurents des app natives. Pourquoi utiliser un site web gratuit quand tu peux vendre une app payante? Si on leur demande ils vont certainement sortir une vague excuse sur la sécurité.
je rêve ou tu viens de nous expliquer au calme que si on accepte les notifications le service worker peux accéder a la liste de tout nos onglets ouvert et donc potentiellement renvoyer cette liste a un serveur ( pour de la pub, ou du scam) ?
il ne peut accéder qu'aux onglets qui ont enregistré le service Worker (donc seulement ceux qui ont ta page active (ton domaine). Sinon cela serait effectivement inquiétant en terme de sécurité ^^
@@grafikart ha ouf ! j'ai eu une petite frayeur, je viens de faire un service worker pour tester qu'es que retourne clients.matchAll() et effectivement il n'y a que l'onglet du worker.
Meri bien
In english please.
Merci !
Title is in english, content should be too.
The title is in french, english would be "Push notification" instead of "Notification Push". Sorry if youtube offered you my video :(