Tworzenie i wdrażanie aplikacji kiosku Chrome

Ten artykuł jest przeznaczony dla administratorów Chrome i programistów z doświadczeniem w tworzeniu aplikacji Chrome.

Jako administrator Chrome możesz zmienić urządzenia z ChromeOS w urządzenia jednofunkcyjne, np. znak cyfrowy lub wyświetlacz interaktywny. Możesz wdrożyć gotowe aplikacje kiosku z Chrome Web Store lub utworzyć własną aplikację kiosku.

Od wersji Chrome 57 niektóre urządzenia z ChromeOS obsługują aplikacje na Androida. Informacje na temat instalowania aplikacji na Androida na zarządzanych urządzeniach z Chrome znajdziesz w artykule Korzystanie z aplikacji na Androida na urządzeniach z Chrome działających w trybie Kiosku.

Uwagi

• Zanim wdrożysz aplikacje kiosku na urządzeniach z ChromeOS, musisz zarejestrować te urządzenia. Szczegółowe informacje znajdziesz w artykule Rejestrowanie urządzeń z ChromeOS.
• Aplikacje kiosku możesz tworzyć przy użyciu aplikacji w pakiecie Chrome. Nie możesz używać aplikacji hostowanych.
• Korzystaj z aplikacji Chrome skonfigurowanych do uruchamiania na pełnym ekranie.
• Postępuj zgodnie ze sprawdzonymi metodami dotyczącymi opracowywania aplikacji Chrome.

Krok 1. Utwórz aplikację kiosku Chrome

Jako deweloper masz do wyboru dwie opcje tworzenia aplikacji kiosku, którą będzie można wdrożyć na urządzeniach z Chrome. Możesz użyć istniejącej aplikacji internetowej i spakować ją jako aplikację kiosku za pomocą Kreatora aplikacji Chrome lub utworzyć nową aplikację internetową.

Opcja 1. Użycie istniejącej aplikacji internetowej

Zanim zaczniesz: na komputerze, na którym tworzysz aplikację kiosku, dodaj Kreatora aplikacji Chrome do przeglądarki Chrome.

1. Na komputerze, na którym tworzysz aplikację, utwórz folder z plikami aplikacji.
2. Otwórz Kreatora aplikacji Chrome.
3. Wpisz nazwę i początkową wersję aplikacji.
   Nadaj początkowej wersji niski numer (np. 0.0.0.1), by można było łatwo tworzyć nowe wersje.
4. Wpisz URL obecnej strony głównej aplikacji.
   Będzie to strona docelowa nowej aplikacji kiosku.
5. Wybierz opcje nawigacji umożliwiające na przykład przechodzenie wstecz i dalej, odświeżanie strony czy ponowne rozpoczynanie sesji.
6. Określ wartości czasu bezczynności:
   • Limit bezczynności sesji – czas bezczynności aplikacji, po którym dane przeglądania są usuwane.
   • Czas oczekiwania na powrót do strony startowej – czas bezczynności aplikacji, po którym następuje powrót na stronę główną. Dane przeglądania nie są usuwane.
     Domyślnie obie te wartości wynoszą 0 minut (aplikacja oczekuje w nieskończoność).
7. (Opcjonalnie) Aby określić Warunki korzystania z usługi dla użytkowników aplikacji, wpisz tekst.
8. (Opcjonalnie) Jeśli strona ma się obrócić zgodnie z orientacją ekranu urządzenia, na którym będzie otwarta, wybierz odpowiednią wartość.
   Na przykład obróć aplikację o 90 stopni, by uruchomić ją na urządzeniu z ekranem o orientacji pionowej.
9. Wybierz Włączony tryb kiosku.
10. Kliknij Eksportuj aplikację kiosku.
11. Wybierz miejsce, do którego chcesz wyeksportować pliki aplikacji, i kliknij Wybierz.

Po utworzeniu aplikacji kiosku w Kreatorze aplikacji Chrome możesz ją zmodyfikować, dodając więcej plików.

Opcja 2. Utworzenie nowej aplikacji

Użyj przykładowych plików podanych w poniższych krokach, by utworzyć prostą aplikację kiosku.

1. Na komputerze, na którym tworzysz aplikację, utwórz folder z plikami aplikacji. 
2. Utwórz plik HTML aplikacji.
   1. Utwórz plik HTML w edytorze tekstu.
      Oto przykładowy plik HTML.
   2. W folderze aplikacji zapisz ten plik jako application.html.
3. Utwórz plik manifestu.
   1. W edytorze tekstu utwórz plik JSON (JavaScript Object Notation). Oto przykładowy plik JSON.
   2. Sprawdź, czy parametr kiosk_enabled ma wartość true ("kiosk_enabled": true).
   3. (Opcjonalnie) Aby uniemożliwić uruchamianie aplikacji jako zwykłej aplikacji, ustaw wartość parametru kiosk_only na true ("kiosk_only": true).
   4. (Opcjonalnie) Aby skrócić czas początkowego ładowania stron internetowych w elemencie WebView aplikacji kiosku, dodaj atrybut partition="persist:" do tagu WebView.
      Więcej informacji znajdziesz w opisie atrybutu partition dla programistów.
   5. Sprawdź, czy kod JSON jest prawidłowo sformatowany za pomocą wybranego przez Ciebie narzędzia do weryfikacji JSON innej firmy.
   6. W folderze aplikacji zapisz ten plik jako manifest.json.
4. Określ wysokość i szerokość aplikacji.
   1. W edytorze tekstu utwórz plik CSS. Oto przykładowy plik CSS.
   2. W folderze aplikacji zapisz ten plik jako application.css.
      Uwaga: aplikacje kiosku automatycznie rozwijają się na pełny ekran.
5. (Opcjonalnie) Aby pozwolić użytkownikom zakończyć sesję kiosku:
   1. W edytorze tekstu utwórz plik JavaScript. Oto przykładowy plik JS.
   2. W folderze aplikacji zapisz plik ten jako application.js.
6. Utwórz skrypt w tle:
   1. W edytorze tekstu utwórz plik JavaScript. Oto przykładowy plik JS.
   2. W folderze aplikacji zapisz ten plik jako background.js.
7. Utwórz ikony aplikacji i zapisz je w folderze aplikacji:
   1. Utwórz ikonę o wymiarach 128 x 128 pikseli i zapisz ją jako plik 128.png.
   2. Utwórz ikonę o wymiarach 96 x 96 pikseli i zapisz ją jako plik 96.png.

Oto przykładowego pliku ZIP, który zawiera już pliki aplikacji testowej z opcjami nawigacji i przyciskiem resetowania. Wersja online tej aplikacji, Chrome Browser Kiosk App 1.0, jest dostępna w Chrome Web Store. Pliki możesz edytować w dowolnym edytorze tekstu.

Krok 2. Przetestuj aplikację kiosku

Jako deweloper sprawdź, czy aplikacja kiosku działa na urządzeniu z ChromeOS.

1. Zaloguj się na swoje konto Google na urządzeniu z Chrome.
2. Zapisz folder aplikacji na urządzeniu testowym.
3. Wejdź na chrome://extensions.
4. W prawym górnym rogu włącz Tryb dewelopera.
5. Kliknij Załaduj rozpakowane.
6. Znajdź i wybierz folder aplikacji.
7. Otwórz nową kartę w przeglądarce Chrome i kliknij Aplikacje  kliknij aplikację. Sprawdź, czy aplikacja wczytuje się i działa prawidłowo.
8. W razie potrzeby zmień plik manifest.json, hostuj folder aplikacji i przetestuj ją ponownie. Powtarzaj te czynności, aż aplikacja będzie działać poprawnie.

Krok 3. Opublikuj w Chrome Web Store

Jako programista możesz udostępnić aplikacje i rozszerzenia wszystkim lub określić, kto może je instalować. Istnieją dwa sposoby publikowania aplikacji kiosku w Chrome Web Store:

• Publiczne – każdy może zobaczyć i zainstalować aplikację.
• Niepubliczne – tylko użytkownicy, którzy mają link do aplikacji, mogą ją zobaczyć i zainstalować. Aplikacja nie pojawi się w wynikach wyszukiwania w Chrome Web Store. Link do aplikacji możesz udostępnić użytkownikom spoza domeny.

Aby dodać aplikację kiosku do Chrome Web Store:

1. Spakuj folder zawierający jej pliki.
2. Wykonaj czynności opisane w artykule dotyczącym publikowania w Chrome Web Store. 

Krok 4. Wdróż aplikację kiosku

Jako administrator możesz dodać aplikację kiosku w konsoli administracyjnej Google.​

1. Zaloguj się w usłudze konsoli administracyjnej Google.

   Użyj swojego konta administratora (jego adres nie kończy się na @gmail.com).

2. W konsoli administracyjnej kliknij Menu    Urządzenia  Chrome  Aplikacje i rozszerzenia  Kioski.
3. To apply the setting to all users, leave the top organizational unit selected. Otherwise, select a child organizational unit.
4. Najedź na Dodaj i kliknij Dodaj z Chrome Web Store.
5. Wyszukaj aplikację, którą chcesz wdrożyć, i kliknij Wybierz.
6. Po wyświetleniu prośby zaakceptuj uprawnienia aplikacji w imieniu swojej organizacji.
7. W panelu po prawej stronie ustaw zasady aplikacji i rozszerzeń. Informacje o poszczególnych ustawieniach
8. Kliknij Zapisz.

Powiązane artykuły

• Aplikacje kiosku
• Tworzenie pierwszej aplikacji
• Ustawienia kiosku
• Zarządzanie ustawieniami aplikacji kiosku Chrome
• Wyświetlanie treści według harmonogramu przy użyciu Chrome Sign Builder

Google oraz powiązane znaki i logotypy są znakami towarowymi firmy Google LLC. Wszystkie inne nazwy firm i produktów są znakami towarowymi odpowiednich podmiotów.