Cosa serve per essere installabile?

Pete LePage

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 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:

• Edge
• Firefox