Cosa serve per essere installabile?

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.

Screenshot dell'omnibox con l'indicatore di installazione visibile.
Promozione di installazione fornita dal browser (computer)
Screenshot della promozione per l'installazione fornita dal browser.
Promozione di installazione fornita dal browser (dispositivo mobile)

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 o name
    • icons: deve includere un'icona di 192 px e una di 512 px
    • start_url
    • display: deve essere uno tra fullscreen, standalone, minimal-ui o window-controls-overlay
    • prefer_related_applications non deve essere presente o deve essere false

Altri browser hanno criteri di installazione simili, anche se potrebbero esserci piccole differenze. Per informazioni dettagliate, visita i rispettivi siti: