--- title: Applications Web Progressives slug: Web/Progressive_web_apps tags: - App - Applications - Apps - PWA - Progressive web apps - Web App Progressive - Web App modernes - Web app translation_of: Web/Progressive_web_apps ---

{{draft}}

PWA community logoLes applications Web progressives utilisent des API Web modernes ainsi qu'une stratégie d'amélioration progressive traditionnelle pour créer des applications Web multiplateformes. Ces applications fonctionnent partout et fournissent quelques fonctionnalités qui donnent à l'expérience utilisateur les mêmes avantages que les applications natives. Cet ensemble de documents explique tout ce qu'il faut savoir sur ces applications.

Pour qu'une application Web soit considérée comme un PWA, techniquement parlant, il devrait présenter les caractéristiques suivantes : Secure contexts ({{Glossary("HTTPS")}}), un ou plusieurs Service Workers et un fichier manifest.

Secure contexts (HTTPS)
L'application web doit être servie sur un réseau sécurisé. Être un site sécurisé est non seulement une bonne pratique, mais cela fait également de votre application web un site de confiance, surtout si les utilisateurs ont besoin d'effectuer des transactions sécurisées. La plupart des fonctionnalités liées à un PWA telles que la géolocalisation et même les Service Workers ne sont disponibles qu'une fois l'application chargée à l'aide de HTTPS.
Service workers
Un Service Worker est un script qui permet d'intercepter et de contrôler la façon dont un navigateur web traite ses requêtes réseau et la mise en cache des ressources. Avec les Service Workers, les développeurs web peuvent créer des pages web rapides et fiables et des expériences hors ligne.
Manifest file
Un fichier {{Glossary("JSON")}} qui contrôle la façon dont votre application apparaît à l'utilisateur et garantit que les applications web progressives sont découvrables. Il décrit le nom de l'application, l'URL de démarrage, les icônes et tous les autres détails nécessaires pour transformer le site web en un format similaire à celui d'une application.

Avantages PWA

Les PWA doivent pouvoir être découvertes, installées, reliées, indépendantes du réseau, progressives, réengageables, réactives et sûres. Pour en savoir plus sur la signification de ces éléments, lisez Avantages des applications web progressives.

Pour savoir comment mettre en œuvre les PWA, lisez notre guide du développeur de PWA.

Documentation

<-- La liste automatique temporaire ci-dessous sera bientôt remplacée -->

{{LandingPageListSubpages}}

Tout ce qui se trouve en dessous de ce point est un reste de l'ancienne version de cette page et sera remanié au fur et à mesure de la révision des autres contenus.

Guides de base des PWA

Les guides suivants vous montrent ce qu'il faut faire pour mettre en œuvre une PWA, en examinant un exemple simple et en vous montrant comment tous les éléments fonctionnent.

  1. Introduction aux applications web progressives
  2. Structure progressive des applications web
  3. Faire travailler les VAP en différé avec les travailleurs des services
  4. Comment rendre les PWA installables
  5. Comment rendre les PWA réengageables en utilisant les notifications et le Push
  6. Chargement progressif
  7. Collection de ressources, de codelabs et d'outils dont vous avez besoin pour construire des PWA par l'équipe de pwafire.org
  8. Mise en place de votre environnement de développement d'applications web progressives

Guides technologiques

Outils

{{QuickLinksWithSubpages("/fr/docs/Web/Progressive_web_apps/")}}