Cosa serve per essere installabile?

Pete LePage

Le app web progressive (PWA) sono applicazioni moderne e di alta qualità create con la tecnologia web. Le PWA offrono funzionalità simili alle app per dispositivi mobili e computer, 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 conosce l'installazione delle applicazioni e i vantaggi di un'esperienza installata. Le applicazioni installate vengono visualizzate sulle 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 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. Tra gli indicatori di esempio sono inclusi un pulsante Installa nella barra degli indirizzi o una voce di menu Installa nel menu overflow.

Primo piano del pulsante Installa nella barra degli URL del computer.
Promozione per installazione fornita dal browser (computer)
Primo piano del banner nella parte inferiore dello schermo del cellulare, che invita l'utente ad "Aggiungere Airhorner alla schermata Home".
Promozione per 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 dell'installazione nel browser:

  • L'app web non è già installata.
  • Soddisfa l'euristica di coinvolgimento degli utenti:
    • L'utente deve aver fatto clic o toccato la pagina almeno una volta, in qualsiasi momento, anche durante un caricamento pagina precedente.
    • L'utente deve aver trascorso almeno 30 secondi a visualizzare la pagina, in qualsiasi momento.
  • Viene pubblicata tramite HTTPS.
  • Include un manifest dell'app web 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 dei seguenti valori: 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 i dettagli completi, consulta i rispettivi siti: