Creare e distribuire app kiosk di Chrome

Questo articolo è rivolto agli amministratori e agli sviluppatori di Chrome con esperienza nello sviluppo di app di Chrome.

In qualità di amministratore di Chrome, puoi trasformare i dispositivi Chrome OS in dispositivi monofunzione, ad esempio in display interattivi o per la segnaletica digitale. Puoi distribuire app kiosk pronte all'uso dal Chrome Web Store oppure puoi creare un'app kiosk personalizzata.

Nella versione 57 di Chrome e successive, alcuni dispositivi ChromeOS supportano le app Android. Per informazioni su come installare app Android su dispositivi Chrome gestiti, consulta l'articolo Utilizzare app Android su dispositivi Chrome utilizzati come kiosk.

Considerazioni

• Prima di distribuire app kiosk su dispositivi Chrome OS, è necessario registrarli. Per maggiori dettagli, vedi Registrare i dispositivi Chrome OS.
• Puoi utilizzare app di Chrome in pacchetto per creare app kiosk, ma non puoi utilizzare app in hosting.
• Utilizza le app di Chrome configurate per l'esecuzione a schermo intero.
• Segui le Best practice per lo sviluppo delle app di Chrome.

Passaggio 1: crea un'app kiosk di Chrome

In qualità di sviluppatore, hai due modi per creare un'app kiosk da distribuire sui dispositivi Chrome: utilizzare un'applicazione web esistente e comprimerla come app kiosk con Chrome App Builder o creare un'applicazione web nuova.

Opzione 1: utilizzare un'applicazione web esistente

Prima di iniziare: sul computer in cui stai creando l'app kiosk, aggiungi Chrome App Builder al browser Chrome.

1. Sul computer in cui stai creando l'app, crea una cartella per i file dell'app.
2. Apri Chrome App Builder.
3. Inserisci il nome e la versione iniziale dell'app.
   Scegli come numero di versione iniziale un numero basso, ad esempio 0.0.0.1, in questo modo avrai lo spazio per aumentare il numero delle versioni successive.
4. Inserisci l'URL della home page corrente dell'app.
   L'Url sarà la pagina di destinazione per la nuova app kiosk.
5. Scegli i controlli di navigazione, come indietro, avanti, ricarica e riavvia sessione.
6. Specifica i valori di timeout:
   • Timeout di inattività della sessione: il tempo di inattività dell'app prima che vengano cancellati i dati di navigazione.
   • Timeout prima di tornare alla pagina iniziale: il tempo di inattività dell'app prima di tornare alla home page. I dati di navigazione non vengono cancellati.
     Il valore predefinito per il timeout di inattività della sessione e il timeout prima di tornare alla pagina iniziale è 0 minuti: l'app non va in timeout.
7. (Facoltativo) Per specificare i Termini di servizio per gli utenti dell'app, inserisci il testo.
8. (Facoltativo) Per ruotare la home page in modo da adattarla al dispositivo su cui verrà eseguita, seleziona un valore.
   Ad esempio, ruota un'app di 90° per eseguirla su un dispositivo impostato con un layout verticale.
9. Seleziona Modalità kiosk attiva.
10. Fai clic su Esporta app kiosk.
11. Scegli dove vuoi esportare i file dell'app e fai clic su Seleziona.

Dopo aver creato un'app kiosk con Chrome App Builder, puoi personalizzarla aggiungendo altri file.

Opzione 2: creare una nuova app

Utilizza i file di esempio forniti nei passaggi seguenti per creare una semplice app kiosk.

1. Sul computer in cui stai creando l'app, crea una cartella per i file dell'app. 
2. Crea il file HTML dell'app.
   1. Con un editor di testo, crea un file HTML.
      Ecco un file HTML di esempio.
   2. Nella cartella dell'app, salva il file come application.html.
3. Crea il file manifest.
   1. Con un editor di testo, crea un file JSON (JavaScript Object Notation). Ecco un file JSON di esempio.
   2. Assicurati che kiosk_enabled sia impostato su true, "kiosk_enabled": true.
   3. Per evitare che un'app venga eseguita come un'app normale, imposta kiosk_only su true, "kiosk_only": true. (facoltativo)
   4. Per accelerare il tempo necessario al caricamento iniziale delle pagine web nel controllo della WebView dell'app kiosk, specifica partition="persist:" nel tag WebView. (facoltativo)
      Per i dettagli, vedi informazioni per gli sviluppatori per l'attributo partition.
   5. Assicurati che il codice JSON sia formattato correttamente con lo strumento di convalida JSON di terze parti che preferisci.
   6. Nella cartella dell'app, salva il file come manifest.json.
4. Specifica l'altezza e la larghezza dell'app.
   1. Utilizzando un editor di testo, crea un file CSS. Ecco un file CSS di esempio.
   2. Nella cartella dell'app, salva il file come application.css.
      Nota: le app kiosk si espandono automaticamente a schermo intero.
5. (Facoltativo) Consenti agli utenti di terminare la sessione kiosk:
   1. Con un editor di testo, crea un file JavaScript. Ecco un file JS di esempio.
   2. Nella cartella dell'app, salva il file come application.js.
6. Crea lo script in background:
   1. Con un editor di testo, crea un file JavaScript. Ecco un file JS di esempio.
   2. Nella cartella dell'app, salva il file come background.js.
7. Crea le icone per l'app e salvale nella cartella dell'app:
   1. Crea un'icona di 128 x 128 p e salvala come 128.png.
   2. Crea un'icona di 96 x 96 p e salvala come 96.png.

In alternativa, utilizza questo file zip di esempio che contiene i file per un'app di prova con controlli di navigazione e un pulsante di reimpostazione. Sul Chrome Web Store è pubblicata una versione live dell'app, Chrome Browser Kiosk App 1.0. Puoi modificare i file con qualsiasi editor di testo.

Passaggio 2: verifica l'app kiosk

In qualità di sviluppatore, assicurati che l'app kiosk funzioni su un dispositivo ChromeOS.

1. Su un dispositivo Chrome, accedi al tuo Account Google.
2. Salva la cartella dell'app sul tuo dispositivo di prova.
3. Vai a chrome://extensions/.
4. In alto a destra, attiva la modalità sviluppatore.
5. Fai clic su Carica estensione non pacchettizzata.
6. Trova e seleziona la cartella dell'app.
7. Apri una nuova scheda nel browser Chrome e fai clic su App  la tua app. Assicurati che venga caricata e funzioni correttamente.
8. Se necessario, apporta modifiche nel file manifest.json, esegui l'hosting della cartella dell'app e ripeti il test. Ripeti fino a quando l'app non funziona correttamente.

Passaggio 3: pubblica nel Chrome Web Store

In qualità di sviluppatore, puoi scegliere di rendere disponibili a tutti le app e le estensioni oppure decidere chi può installarle. Esistono due modi per pubblicare le app kiosk nel Chrome Web Store:

• Pubblica: chiunque può vedere e installare l'app.
• Non in elenco: solo gli utenti con l'apposito link possono visualizzare e installare l'app. L'app non viene visualizzata nei risultati di ricerca del Chrome Web Store. Puoi condividere il link dell'app con utenti esterni al tuo dominio.

Per aggiungere un'app kiosk nel Chrome Web Store:

1. Comprimi la cartella che contiene i file.
2. Segui la procedura descritta in Pubblicare nel Chrome Web Store. 

Passaggio 4: distribuisci l'app kiosk

In qualità di amministratore, puoi aggiungere l'app kiosk nella Console di amministrazione Google.​

1. Accedi alla Console di amministrazione Google.

   Accedi utilizzando l'account amministratore (che non termina con @gmail.com).

2. Nella Console di amministrazione, vai a Menu  DispositiviChromeApp ed estensioniKiosk.
3. To apply the setting to all users, leave the top organizational unit selected. Otherwise, select a child organizational unit.
4. Posiziona il cursore del mouse su Aggiungi e fai clic su Aggiungi dal Chrome Web Store.
5. Cerca l'app di cui vuoi eseguire il deployment e fai clic su Seleziona.
6. Se richiesto, accetta le autorizzazioni app per conto della tua organizzazione.
7. Nel riquadro a destra, imposta i criteri per le app e le estensioni. Informazioni sulle singole impostazioni.
8. Fai clic su Salva.

Argomenti correlati

• App kiosk
• Creare la prima app
• Impostazioni kiosk
• Gestire le impostazioni delle app kiosk di Chrome
• Programmare e visualizzare i contenuti con Chrome Sign Builder

Google e marchi e loghi correlati sono marchi di Google LLC. Tutti gli altri nomi di società e prodotti sono marchi delle rispettive società a cui sono associati.