Abilitazione delle funzioni progressive delle app Web

Grazie a una configurazione semplice, un autore di contenuti può ora abilitare le funzioni dell’app web progressiva (PWA) per le esperienze create in AEM Sites.

ATTENZIONE

Questa è una funzione avanzata che richiede:

  • Conoscenza dei PWA
  • Conoscenza del sito e della struttura dei contenuti
  • Informazioni sulle strategie di caching
  • Supporto dal team di sviluppo

Prima di utilizzare questa funzione è consigliabile parlarne con il team di sviluppo per definire il modo migliore per sfruttarla al meglio per il progetto.

NOTA

Le funzioni descritte in questo documento sono pianificate per essere rese disponibili con la versione di marzo 2021 di AEM come Cloud Service.

Introduzione

Le app web progressive (PWA) consentono esperienze coinvolgenti di tipo app per AEM siti, memorizzandole localmente sul computer di un utente e rendendole accessibili offline. Un utente può navigare su un sito mentre è in movimento anche se perde una connessione a Internet. I PWA consentono esperienze senza soluzione di continuità anche in caso di perdita o instabilità della rete.

Invece di richiedere qualsiasi codifica del sito, un autore di contenuti può configurare le proprietà di PWA come scheda aggiuntiva nelle proprietà di pagina a1/> di un sito.

  • Quando viene salvata o pubblicata, questa configurazione attiva un gestore eventi che scrive i file manifest e service worker che abilitano le funzioni di PWA sul sito.
  • Vengono inoltre mantenute le mappature Sling per garantire che service worker sia servito dalla radice dell’applicazione per abilitare il proxy del contenuto che consente funzionalità offline all’interno dell’app.

Con PWA, l’utente dispone di una copia locale del sito, che offre un’esperienza simile alle app anche senza una connessione Internet.

NOTA

Le app web progressive sono una tecnologia in evoluzione e il supporto per l'installazione di app locali e altre funzionalità dipende dal browser utilizzato.

Prerequisiti

Per poter utilizzare le funzioni di PWA per il sito, sono necessari due requisiti per l’ambiente di progetto:

  1. Utilizza i componenti core per sfruttare questa funzione
  2. Regola i dispatcher per esporre i file richiesti

Questi sono i passaggi tecnici che l’autore dovrà coordinare con il team di sviluppo. Questi passaggi sono necessari solo una volta per sito.

Utilizza componenti core

La versione 2.15.0 e successive dei componenti core supporta completamente le funzioni PWA dei siti AEM. Poiché AEMaaCS include sempre la versione più recente dei componenti core, puoi sfruttare le funzionalità di PWA predefinite. Il progetto AEMaaCS soddisfa automaticamente questo requisito.

NOTA

Adobe sconsiglia di utilizzare le funzioni di PWA su componenti personalizzati o componenti non estesi dai componenti core.