Activation des fonctionnalités d’application web progressive

Grâce à une configuration simple, un auteur de contenu peut désormais activer des fonctionnalités d’application web progressive (PWA) pour les expériences créées dans AEM Sites.

ATTENTION

Cette fonction avancée requiert :

  • de savoir comment fonctionnent les PWA ;
  • de savoir comment sont organisés votre site et sa structure de contenu ;
  • la compréhension des stratégies de mise en cache ;
  • l’assistance de votre équipe de développement.

Avant d’utiliser cette fonctionnalité, il est recommandé de discuter de cette question avec votre équipe de développement afin de définir le meilleur moyen de l’exploiter au sein de votre projet.

REMARQUE

Les fonctionnalités décrites dans ce document devraient être mises à disposition dans la version de mars 2021 d’AEM as a Cloud Service.

Présentation

Les applications web progressives (PWA) permettent d’offrir des expériences immersives, similaires à des applications, sur des sites AEM en les permettant d’être stockées localement sur l’ordinateur d’un utilisateur et d’être accessibles hors ligne. Un utilisateur peut parcourir un site en déplacement, même s’il ne dispose pas d’une connexion Internet. Les PWA permettent des expériences homogènes même en cas de perte ou instabilité du réseau.

Au lieu d’exiger un recodage du site, un auteur de contenu peut configurer les propriétés PWA sous forme d’un onglet supplémentaire dans les propriétés de page d’un site.

  • Une fois enregistrée ou publiée, cette configuration déclenche un gestionnaire d’événements qui rédige les fichiers de manifeste et agent de service qui activent les fonctionnalités PWA sur le site.
  • Les mappages Sling sont également conservés afin de garantir que l’agent de service est servi à partir de la racine de l’application afin d’activer le contenu proxy permettant des fonctionnalités hors ligne dans l’application.

En PWA, l’utilisateur dispose d’une copie locale du site, ce qui lui permet de vivre une expérience similaire à une application, même sans connexion Internet.

REMARQUE

Les applications web progressives sont une technologie en évolution et la prise en charge de l’installation d’applications locales et d’autres fonctionnalités dépend du navigateur utilisé.

Prérequis

Pour pouvoir utiliser les fonctionnalités PWA sur votre site, l’environnement de votre projet requiert deux éléments :

  1. Utilisez les composants principaux pour tirer parti de cette fonctionnalité
  2. Ajustez les règles de votre Dispatcher pour exposer les fichiers requis.

L’auteur devra coordonner ces étapes techniques avec l’équipe de développement. Ces étapes ne sont requises qu’une seule fois par site.

Utilisez les composants principaux

Les composants principaux de la version 2.15.0 et des versions ultérieures prennent entièrement en charge les fonctionnalités PWA des sites AEM. Comme AEMaaCS inclut toujours la dernière version des composants principaux, vous pouvez utiliser les fonctionnalités PWA prêtes à l’emploi. Votre projet AEMaaCS répond automatiquement à cette exigence.

REMARQUE

Adobe ne recommande pas d’utiliser les fonctionnalités PWA sur les composants personnalisés ou composants non étendus à partir des composants principaux.