Cosa serve per essere installabile?

Pete LePage

Le app web progressive (PWA) sono applicazioni moderne e di alta qualità create con tecnologia web. Le PWA offrono funzionalità simili a quelle delle app mobile e desktop, sono affidabili anche in condizioni di rete instabili e sono installabili, il che le rende più facili da trovare e utilizzare per gli utenti.

La maggior parte degli utenti ha familiarità con l'installazione di applicazioni e con i vantaggi di un'esperienza installata. Le applicazioni installate vengono visualizzate nelle superfici di avvio del sistema operativo, ad esempio la cartella Applicazioni su macOS X, il menu Start su Windows e la schermata Home su Android e iOS. Le applicazioni installate vengono visualizzate anche nel selettore delle 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. Gli indicatori di esempio includono un pulsante Installa nella barra degli indirizzi o una voce di menu Installa nel menu overflow.

Promozione dell'installazione fornita dal browser (computer)
Promozione dell'installazione fornita dal browser (dispositivo mobile)

Inoltre, quando i criteri vengono 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 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 del coinvolgimento degli utenti:
    • L'utente deve aver fatto clic o toccato la pagina almeno una volta, in qualsiasi momento, anche durante un caricamento precedente della pagina.
    • L'utente deve aver trascorso almeno 30 secondi a visualizzare la pagina, in qualsiasi momento.
  • Essere pubblicati tramite HTTPS.
  • Include un manifest della web app che include:
    • short_name o name
    • icons: deve includere un'icona da 192 px e una da 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 simili per l'installazione, anche se potrebbero esserci differenze minime. Per i dettagli completi, consulta i rispettivi siti: