WEB: Configurare un'applicazione per essere salvata nella Home

Introduzione

Nelle versioni di InstantDeveloper precedenti alla 25 le pagine desktop di tutti i temi avevano il tag HTML

<meta name="mobile-web-app-capable" content="yes">

Questo faceva si che le applicazioni online installate sulla home del dispostivo a partire da un browser (chrome o safari) venissero aperte a tutto schermo senza la UI del browser.
Ora questo tag non è più supportato, e per ottenere lo stesso comportamento è necessario usare il manifest delle PWA.

Aggiungere il manifest

Per aggiungere il manifest alle applicazioni online sviluppate con Instant Developer Foundation è necessario:

• Copiare nella cartella custom le pagine
  
  • Desktop.htm
  • Desktop_sm.htm
  • DesktopFluid.htm
  • DesktopFluid_sm.htm
  
  dalla cartella del tema utilizzato dall'applicazione (solitamente C:/Program Files (x86)/INDE/Current/Theme/TEMA)
• Aggiungere nella porzione HEAD il seguente tag: <link rel="manifest" href="manifest.json" />
  (il nome del file può essere modificato)
• Creare il file json e aggiungerlo al file FileList.txt (crearlo se non presente)

Esempio di manifest

Il file manifest contiene informazioni che permettono di configurare la propria applicazione.
{ "short_name": "App", "name": "Nome applicazione", "icons": [ { "src": "/favicon-192x192.png", "sizes": "192x192", "type": "image/png" }, { "src": "/favicon-512x512.png", "sizes": "512x512", "type": "image/png" } ], "start_url": "app.aspx", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" }

• short_name e name : Nomi dell'applicazioni (abbreviato e completo).
• icons: array di immagini con varie dimensioni che il browser può usare come icona nella home.
• theme_color: Colore usato dal browser per colorare la status bar quando l'applicazione è in esecuzione.
• background_color: colore di sfondo, usato per colorare la pagina prima che vengano caricati i CSS.
• display: come visualizzare l'applicazione, "standalone" indica la visualizzazione come un'applicazione nativa.
• start_url : pagina di avvio, se relativa è riferita alla posizione del manifest, solitamente la pagina aspx o htm dell'applicazione.