Le app web progressive (PWA) sono applicazioni moderne e di alta qualità create utilizzando la tecnologia web. Le PWA offrono funzionalità simili alle app per iOS, Android e desktop, sono affidabili anche in condizioni di rete instabili e sono installabili, rendendo più facile per gli utenti trovarle e utilizzarle.
La maggior parte degli utenti ha familiarità con l'installazione delle applicazioni e i vantaggi dell'esperienza installata. Le applicazioni installate vengono visualizzate sulle piattaforme di avvio del sistema operativo, ad esempio la cartella Applicazioni su Mac OS X, il menu Start su Windows e la schermata Home su Android e iOS. Le applicazioni installate vengono visualizzate anche nel selettore di attività, nei motori di ricerca dei dispositivi come Spotlight e nei fogli di condivisione dei contenuti.
La maggior parte dei browser indica all'utente che l'app web progressiva (PWA) è installabile quando soddisfa determinati criteri. Gli indicatori di esempio includono un pulsante Installa nella barra degli indirizzi o una voce di menu Installa nel menu extra.
Inoltre, quando vengono soddisfatti i criteri, molti browser attivano un evento beforeinstallprompt, che ti consente di fornire un'esperienza utente in-app personalizzata che attiverà il flusso di installazione all'interno della tua app.
Criteri di installazione
In Chrome, la tua app web progressiva deve soddisfare i seguenti criteri prima di attivare l'evento beforeinstallprompt e mostrare la promozione di installazione nel browser:
- L'app web non è già installata
- Soddisfa l'euristica sul coinvolgimento degli utenti:
- L'utente deve aver toccato o fatto clic sulla pagina almeno una volta (in qualsiasi momento, anche durante un caricamento pagina precedente)
- L'utente deve aver trascorso almeno 30 secondi per visualizzare la pagina (in qualsiasi momento)
- Essere pubblicati tramite HTTPS
- Include un file manifest dell'app web che include:
short_nameonameicons: deve includere un'icona da 192 e 512 pxstart_urldisplay- deve esserefullscreen,standaloneominimal-uiprefer_related_applicationsnon deve essere presente o esserefalse
Altri browser hanno criteri di installazione simili, anche se potrebbero esserci lievi differenze. Consulta i rispettivi siti per i dettagli completi: