Différences

Ci-dessous, les différences entre deux révisions de la page.

--- glossaire:pwa [02/06/2025 09:49] – [Progressive Web App] cyrille
+++ glossaire:pwa [03/06/2025 09:41] (Version actuelle) – [Progressive Web App] déplacement sur page dédiée cyrille
@@ Ligne 3: / Ligne 3: @@
 ===== Progressive Web App =====
-  * [[https://developers.google.com/web/progressive-web-apps/|Google Doc]]
+Les applications web progressives (ou progressive web applications en anglais, abrégées en PWAs) sont des applications web qui utilisent les service workers, les manifestes, et d'autres fonctionnalités de la plateforme web, avec l'amélioration progressive pour fournir aux utilisatrices et utilisateurs une expérience équivalente à celle des applications natives.
-    * des tips dans la [[https://developer.chrome.com/docs/workbox/|docs de workbox]]
-  * [[https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps|MDN Doc]] (Mozilla Developer Network)
-  * [[https://web.dev/learn/pwa/|Web.dev PWA]] by members of the Chrome team, and external experts.
-  * MDN
-    * [[https://github.com/mdn/serviceworker-cookbook|ServiceWorker Cookbook]]
-      * [[https://github.com/mdn/serviceworker-cookbook/blob/master/immediate-claim/service-worker.js|Immediate Claim]]: Register a service worker, Delete old cache if present, Immediately claim the service worker
-      * [[https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Re-engageable_Notifications_Push|using Notifications and Push APIs]]
-    * [[https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Manifest|Web application manifest]], [[https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json|manifest.json]]
-    * [[https://github.com/mdn/pwa-examples|MDN PWA Examples]]
-  * [[https://w3c.github.io/manifest-app-info/#categories-member|W3C Manifest App]]
-  * Android
-    * Trusted Web Activity (TWA): Activité Web Fiable est une nouvelle façon d'ouvrir le contenu de votre application Web, comme votre progressive web app, à partir de votre application Android. [[https://developer.chrome.com/docs/android/trusted-web-activity|Aperçu]].
-  * [[https://jakearchibald.github.io/isserviceworkerready/resources.html#moar|isserviceworkerready ressources]]
-L'implementation Push API utilise un service tiers configurée (//et fournie//) par l'éditeur du navigateur
+Elles peuvent être déployées sur les systèmes Windows IOS Android MetaQuest {{:informatique:winappandfbk.png?nolink|Windows IOS Android MetaQuest}}.
-  * Firefox ''https://updates.push.services.mozilla.com'' [[https://github.com/mozilla-services/autopush-rs/|Mozilla Push server]] [[https://mozilla-push-service.readthedocs.io/en/latest/|docu]]
-  * Chrome ''https://jmt17.google.com/fcm'' Firebase Cloud Messaging (FCM), anciennement appelé Google Cloud Messaging (GCM) [[https://firebase.google.com/docs/cloud-messaging|docu]]
-  * Apple ?
-    * J'ai ouvert une [[https://github.com/mdn/content/issues/39747|MDN document issue]]
-    * La page de démo https://simple-push-demo.vercel.app/ explique bien les différents éléments
-Articles:
-  * [[https://web.dev/articles/pwas-in-app-stores?hl=fr|PWA sur les plates-formes de téléchargement d'applications]] on Google Play Store, Microsoft Store, App Store d'Apple, Meta Quest Store with PWABuilder.com (//2023/03/31, Thomas Steiner on web.dev//)
-  * Learn Progressive Web Apps with [[https://dev.to/nitya/series/16849|30DaysOfPWA Series' Articles]] by Nitya Narasimhan, 2022
-    * [[https://dev.to/azure/27-best-practices-for-pwa-authentication-29md|#27 - Best Practices for PWA: Authentication]] with federated, webauthn
-  * Sur les techniques de "cache" et "offline"
-    * https://web.dev/articles/offline-cookbook?hl=fr
-  * https://14islands.com/blog/2017/01/19/progressive-web-app-from-scratch/ 2017
-  * https://14islands.com/blog/2016/12/15/vecka-progressive-web-app/ 2016
-==== Tools ====
-  * [[https://www.pwabuilder.com|PWA Builder]]
-    * [[https://docs.pwabuilder.com/#/builder/android|Publishing PWAs to the Google Play Store]]
-    * https://github.com/pwa-builder/
-  * https://progressier.com/
-  * Take a screenshot website online
-    * https://pikwy.com/
-  * [[https://developer.chrome.com/docs/workbox?hl=fr|Workbox]]
-    * Des bibliothèques et des outils de service worker prêts pour la production. Créez des progressive web apps (PWA) avec Workbox, la bibliothèque de service worker de l'équipe Chrome.
-    * [[https://developer.chrome.com/docs/workbox/modules|workbox/modules]]
-  * [[https://github.com/web-push-libs/web-push-php|Web Push library for PHP]] can be used to send push messages to endpoints as described in the [[https://datatracker.ietf.org/doc/html/rfc8030|Web Push protocol]] [[rfc>8030|RFC8030]]
-    * [[https://github.com/Minishlink/web-push-php-example|Minishlink/web-push-php-example]] a complete example with html+JS frontend and php backend using ''web-push-php''
-==== Applications ====
-mine: [[/app/le_saviez-vous_sur_wikipedia]]
-  * App Directories
-    * [[https://github.com/hemanth/awesome-pwa|awesome-pwa]]
-  * MDN Web Docs [[https://mdn.github.io/pwa-examples|PWA Examples]]
-    * https://github.com/erickarugu/diginews
-      * A sample Progressive Web App Created using vanilla JS - no framework at all.
-  * https://linkcleaner.app/, https://github.com/corbindavenport/link-cleaner
-    * vanilla Js
-    * gestion du cache
-    * web app that removes unnecessary junk from web links in one click.
-    * If you install Link Cleaner with a supported browser and operating system (e.g. Chrome on Android), it appears in your system share menu
-  * https://github.com/rh9891/TheStingyTraveler
-    * vanilla Js
-    * gestion du cache
-  * [[https://github.com/zuixjs/zuix-html-pwa/|zuix-html-pwa]]
-    * A Progressive Web App template with a responsive layout and mobile app look & feel.
-    * using lightweight [[https://zuixjs.org/|zuix.js]] library for building modular, component-based websites and apps that use standard HTML, CSS, and JavaScript. It's framework-agnostic, and does not require any bundler, package manager, or transpiling to work.
-    * librairie orientée mobile, à essayer absolument ;-)
+Voir [[/informatique/progressive_web_app_pwa|Progressive Web App (PWA)]]