.WEBMANIFEST Estensione file

Le PWA sono applicazioni web che possono essere installate su un dispositivo, di solito sul desktop o sulla schermata iniziale del dispositivo. Questo consente agli utenti di accedere all'applicazione web proprio come accederebbero a un'applicazione nativa del sistema operativo.

Ad esempio, in Google Chrome, gli utenti possono visitare app.starbucks.com, aprire il menu Impostazioni di Google Chrome e selezionare Install Starbucks per installare la PWA di Starbucks. In questo modo viene creata un'applicazione Starbucks che gli utenti possono aprire e utilizzare per effettuare ordini tramite app.starbucks.com.

Ogni PWA include un file WEBMANIFEST, ovvero un file JSON che specifica il nome dell'app, l'URL di avvio (l'URL utilizzato per caricare la schermata principale dell'app), le icone dell'applicazione e molte altre impostazioni. Ogni file WEBMANIFEST può includere i seguenti oggetti JSON:

• background_color: Definisce il colore di sfondo della schermata di caricamento della PWA
• categories: Definisce la categoria o le categorie a cui appartiene la PWA
• description: Spiega lo scopo dell'app
• dir: Definisce la direzione predefinita in cui la PWA visualizza il testo (da sinistra a destra o da destra a sinistra)
• display: Definisce la modalità di visualizzazione preferita della PWA; può essere impostata su fullscreen, standalone, minimal-ui o browser
• iarc_rating_id: Contiene il codice di certificazione della International Age Rating Coalition della PWA
• icons: Specifica le immagini utilizzate come icone della PWA
• lang: Specifica la lingua principale della PWA
• name: Specifica il nome della PWA
• orientation Specifica l'orientamento predefinito della PWA; può essere impostato su any, natural, landscape, landscape-primary, landscape-secondary, portrait, portrait-primary o portrait-secondary
• prefer_related_applications: Specifica se l'applicazione(i) elencata(e) nell'oggetto related_applications deve essere preferita e aperta al posto della PWA
• protocol_handlers: Elenca i protocolli che la PWA può registrare e gestire
• related_applications: Elenca le applicazioni native che un sistema operativo può eseguire al posto della PWA
• scope: Limita le pagine web che possono essere visualizzate all'interno della PWA
• screenshots: Specifica le immagini da utilizzare come schermate della PWA negli store di PWA
• short_name: Definisce il nome breve della PWA nei casi in cui non sia possibile visualizzare il nome completo
• shortcuts: Definisce gli URL utilizzati come collegamenti alle attività o alle pagine principali incluse nella PWA; viene utilizzato per creare un menu contestuale
• start_url: L'URL da caricare per impostazione predefinita quando l'utente apre la PWA
• theme_color: Definisce il colore predefinito del tema della PWA

La maggior parte dei file WEBMANIFEST include solo alcune delle impostazioni indicate sopra. In genere, gli sviluppatori inseriscono un collegamento ai file WEBMANIFEST nel file .HTML principale di una PWA.