Le app web progressive (PWA) sono applicazioni moderne e di alta qualità sviluppate utilizzando la tecnologia web. Le PWA offrono funzionalità simili alle app per iOS/Android/computer, sono affidabili anche in condizioni di rete instabili e sono installabili, il che consente agli utenti di trovarle e utilizzarle più facilmente.
La maggior parte degli utenti conosce l'installazione di applicazioni e i vantaggi di un'esperienza installata. Le applicazioni installate vengono visualizzate sulle piattaforme di lancio 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 la tua app web progressiva (PWA) è installabile quando soddisfa determinati criteri. Alcuni esempi di indicatori sono un pulsante Installa nella barra degli indirizzi o un elemento di menu Installa nel menu overflow.
Inoltre, quando i criteri sono soddisfatti, 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 dell'app.
Criteri di installazione
In Chrome, l'app web progressiva deve soddisfare i seguenti criteri prima di attivare l'evento beforeinstallprompt
e mostrare la promozione di installazione in-browser:
- L'app web non è già installata
- Soddisfa le heurismi per il coinvolgimento degli utenti:
- L'utente deve aver fatto clic o toccato la pagina almeno una volta (in qualsiasi momento, anche durante il caricamento di una pagina precedente)
- L'utente deve aver trascorso almeno 30 secondi a visualizzare la pagina (in qualsiasi momento)
- Essere pubblicato tramite HTTPS
- Include un file manifest dell'app web che include:
short_name
oname
icons
: deve includere un'icona di 192 px e una di 512 pxstart_url
display
: deve essere uno trafullscreen
,standalone
,minimal-ui
owindow-controls-overlay
prefer_related_applications
non deve essere presente o deve esserefalse
Altri browser hanno criteri di installazione simili, anche se potrebbero esserci piccole differenze. Per informazioni dettagliate, visita i rispettivi siti: