Abilitazione delle funzioni progressive delle web app enabling-pwa

Abilita PWA - Questa è l'opzione principale per abilitare PWA per il sito.

URL di avvio - Questo è l'URL iniziale preferito che l'app apre quando l'utente carica l'app installata localmente.

• Può essere un qualsiasi percorso nella struttura del contenuto.
• Non deve essere la radice ed è spesso una pagina di benvenuto dedicata per l’app.
• Se questo URL è relativo, l’URL manifesto viene utilizzato come URL di base per risolverlo.
• Se lasciata vuota, la funzione utilizza l’indirizzo della pagina web da cui è stata installata l’app.
• È consigliabile impostare un valore.

Modalità di visualizzazione - Un’app abilitata per PWA è ancora un sito AEM distribuito tramite un browser. Queste opzioni di visualizzazione definiscono come il browser deve essere nascosto o altrimenti presentato all’utente sul dispositivo locale.

• Standalone - Il browser è nascosto all'utente e viene visualizzato come un'app nativa. Questo è il valore predefinito.
  • Con questa opzione, la navigazione nelle app deve essere possibile interamente tramite il contenuto mediante collegamenti e componenti nelle pagine del sito senza utilizzare i controlli di navigazione del browser.
• Browser - Il browser viene visualizzato come di consueto quando si visita il sito.
• Interfaccia utente minima - Il browser è principalmente nascosto, come un’app nativa, ma sono esposti i controlli di navigazione di base.
• Schermo intero - Il browser è nascosto, come un'app nativa, ma viene riprodotto in modalità a schermo intero.
  • Con questa opzione, la navigazione nelle app deve essere possibile interamente tramite il contenuto mediante collegamenti e componenti nelle pagine del sito senza utilizzare i controlli di navigazione del browser.

Orientamento schermo - Come app locale, il PWA deve sapere come gestire gli orientamenti del dispositivo.

• Qualsiasi - L’app si adatta all’orientamento del dispositivo dell’utente. Questo è il valore predefinito.
• Verticale - Questo costringe l’app ad aprirsi in layout verticale indipendentemente dall’orientamento del dispositivo dell’utente.
• Orizzontale - Questo costringe l’app ad aprirsi in layout orizzontale indipendentemente dall’orientamento del dispositivo dell’utente.

Colore tema - Definisce il colore dell’app che influisce sul modo in cui il sistema operativo dell’utente locale visualizza la barra degli strumenti dell’interfaccia utente nativa e i controlli di navigazione. A seconda del browser, può influenzare altri elementi di presentazione dell’app.

• Utilizzare la finestra a comparsa del pozzetto di colore per selezionare un colore.
• Il colore può essere definito anche in base al valore esadecimale o RGB.

Colore di sfondo - Definisce il colore di sfondo dell’app, che viene visualizzato durante il caricamento dell’app.

• Utilizzare la finestra a comparsa del pozzetto di colore per selezionare un colore.
• Il colore può essere definito anche in base al valore esadecimale o RGB.
• Alcuni browser creano automaticamente una schermata iniziale dal nome dell’app, dal colore di sfondo e dall’icona.

Icona - Definisce l’icona che rappresenta l’app sul dispositivo dell’utente.

• L’icona deve essere un file png di dimensioni pari a 512x512 pixel.
• L’icona deve essere memorizzata in DAM.

Strategia di memorizzazione in cache e frequenza di aggiornamento dei contenuti - Questa impostazione definisce il modello di memorizzazione in cache per PWA.

• Moderatamente - Questa impostazione è il caso della maggior parte dei siti ed è il valore predefinito.
  • Con questa impostazione, il contenuto visualizzato per la prima volta dall’utente viene caricato dalla cache e mentre l’utente sta utilizzando quel contenuto, il resto del contenuto nella cache viene riconvalidato.
• Frequentemente - Questo è il caso dei siti che necessitano di aggiornamenti per essere veloci come le case d'asta.
  • Con questa impostazione, l’app cerca prima il contenuto più recente tramite la rete e, se non è disponibile, torna alla cache locale.
• Raramente - Questo è il caso dei siti quasi statici, come le pagine di riferimento.
  • Con questa impostazione, l’app cerca prima il contenuto nella cache e, se non disponibile, torna alla rete per recuperarlo.

Pre-memorizzazione in cache dei file - Questi file in hosting su AEM vengono salvati nella cache del browser locale quando il service worker si sta installando e prima di essere utilizzato. Questo garantisce che l’app web sia completamente funzionante quando è offline.

Inclusioni dei percorsi - Le richieste di rete per i percorsi definiti vengono intercettate e il contenuto nella cache viene restituito in conformità alla configurazione della Strategia di memorizzazione in cache e frequenza di aggiornamento dei contenuti.

Esclusioni di cache - Questi file non vengono mai memorizzati nella cache indipendentemente dalle impostazioni in Pre-memorizzazione in cache dei file e Inclusioni dei percorsi.