Как создавать и развертывать киоск-приложения для Chrome

Эта статья предназначена для администраторов Chrome и разработчиков, у которых есть опыт создания приложений Chrome.

Администратор Chrome может превратить любое устройство с Chrome OS в узкоспециализированное – например, в цифровую вывеску или интерактивную витрину. Для этого можно найти готовое киоск-приложение в Интернет-магазине Chrome или создать собственное.

Некоторые устройства с Chrome OS поддерживают приложения Android при использовании Chrome 57 и более поздних версий. Подробные сведения приведены в статье Как работать с приложениями Android на устройствах Chrome в режиме киоска.

Примечания

  • Киоск-приложения можно развернуть только на зарегистрированных устройствах с Chrome OS. Подробнее…
  • Киоск-приложения можно создавать на основе пакетных приложений Chrome, но использовать размещаемые приложения нельзя.
  • Выбирайте приложения Chrome, которые поддерживают полноэкранный режим.
  • Придерживайтесь рекомендаций по разработке приложений Chrome.

Шаг 1. Создайте киоск-приложение Chrome

Киоск-приложение для устройства Chrome можно получить одним из двух способов: использовать существующее веб-приложение или создать собственное.

У меня есть веб-приложение

Если у вас есть веб-приложение, вы можете создать пакет с помощью расширения Chrome App Builder.
  1. Создайте на компьютере папку, в которой будут храниться файлы приложения.
  2. Откройте расширение Chrome App Builder.
    При необходимости добавьте его в браузере Chrome.
  3. Укажите название и версию своего киоск-приложения.
    Номер первой версии лучше сделать небольшим, например 0.0.0.1. Это позволит планомерно назначать новые номера для версий программы в будущем.
  4. Укажите URL текущей стартовой страницы приложения.
    Она будет служить целевой страницей нового киоск-приложения.
  5. При необходимости выберите навигационные клавиши: "Назад", "Вперед", "Обновить", "Перезапустить сеанс" и т. д.
  6. При необходимости задайте время ожидания (в минутах).
    • Время ожидания перед окончанием сеанса: время бездействия приложения перед удалением данных о работе в браузере (кеш и файлы cookie).
    • Время ожидания перед возвратом на стартовую страницу: время бездействия приложения перед возвратом на стартовую страницу. Данные о работе в браузере сохраняются.
      По умолчанию оба значения равны нулю, то есть продолжительность сеанса не ограничена.
  7. При необходимости добавьте условия использования своего приложения.
  8. При необходимости измените ориентацию стартовой страницы, чтобы она правильно отображалась на экране устройства.
    Например, поверните приложение на 90 градусов, если оно будет запускаться в киоске с вертикальной ориентацией.
  9. Выберите Режим киоска включен.
  10. Нажмите Экспортировать киоск-приложение.
  11. Укажите, куда следует экспортировать файлы приложения, и нажмите Выбрать.

Создав киоск-приложение с помощью Chrome App Builder, вы сможете добавить для него дополнительные файлы.

Я хочу создать новое приложение

Для создания простого киоск-приложения используйте образцы файлов из описанной ниже процедуры.
  1. Создайте на компьютере папку, в которой будут храниться файлы приложения. 
  2. Создайте HTML-файл приложения.
    1. С помощью текстового редактора создайте HTML-файл.
      Пример: образец HTML-файла.
    2. Сохраните файл в папке приложения под названием application.html.
  3. Создайте файл манифеста.
    1. Создайте в текстовом редакторе файл JavaScript® Object Notation (JSON). Пример: образец JSON-файла.
    2. Включите параметр kiosk_enabled ("kiosk_enabled": true).
    3. Чтобы приложение нельзя было запустить в обычном режиме, включите параметр kiosk_only ("kiosk_only": true).
    4. Чтобы ускорить первоначальную загрузку страниц в элементе WebView киоск-приложения, задайте атрибут partition="persist:" в теге <webview>.
      Подробнее…
    5. Проверьте, правильно ли отформатирован код в файле JSON, с помощью специального инструмента, например JSONLint.
    6. Сохраните файл manifest.json в папке приложения.
  4. Укажите высоту и ширину окна приложения.
    1. В текстовом редакторе создайте CSS-файл. Пример: образец CSS-файла.
    2. Сохраните файл под названием application.css в папке приложения.
      Примечание. Киоск-приложения автоматически открываются в полноэкранном режиме.
  5. При необходимости разрешите пользователям самостоятельно завершать сеанс.
    1. В текстовом редакторе создайте файл JavaScript. Пример: образец JS-файла.
    2. Сохраните этот файл под названием application.js в папке приложения.
  6. Добавьте скрипт фонового воспроизведения.
    1. В текстовом редакторе создайте JS-файл. Пример: образец JS-файла.
    2. Сохраните этот файл под названием background.js в папке приложения.
  7. Создайте значки и сохраните их в папке приложения.
    1. Сохраните значок размером 128 х 128 пикселей под названием 128.png.
    2. Сохраните значок размером 96 х 96 пикселей под названием 96.png.

Вы также можете скачать образец ZIP-архива, в котором содержатся файлы тестового приложения с элементами управления навигацией и кнопкой сброса. Рабочая версия приложения Chrome Browser Kiosk App 1.0 доступна в Интернет-магазине Chrome. Внести изменения в файлы можно в любом текстовом редакторе.

Шаг 2. Протестируйте киоск-приложение

Обязательно тестируйте свои киоск-приложения на устройствах с Chrome OS.

  1. Войдите в свой аккаунт Google на устройстве Chrome.
  2. Сохраните папку с файлами приложения на тестовом устройстве.
  3. Откройте страницу chrome://extensions.
  4. В правом верхнем углу включите режим разработчика.
  5. Нажмите Загрузить распакованное расширение.
  6. Найдите и выберите папку приложения.
  7. Откройте новую вкладку в Chrome затем нажмите Приложения выберите нужное. Проверьте, корректно ли оно загружается и работает.
  8. При необходимости внесите правки в файл manifest.json, снова разместите папку приложения на сервере и проведите тестирование ещё раз. Эти действия следует повторять до тех пор, пока приложение не будет работать без ошибок.

Шаг 3. Опубликуйте приложение в Интернет-магазине Chrome

Разработчик может сделать приложение или расширение общедоступным либо ограничить доступ к нему. При публикации в Интернет-магазине Chrome можно выбрать один из двух вариантов.

  • Общедоступно: найти и установить приложение может кто угодно.
  • Для тех, у кого есть ссылка: установить приложение можно только по ссылке. Оно не появляется в результатах поиска в Интернет-магазине Chrome. Ссылку можно отправить пользователям как в домене организации, так и за его пределами.

Чтобы добавить киоск-приложение в Интернет-магазин Chrome, создайте ZIP-архив папки с файлами, а затем опубликуйте свой продукт

Шаг 4. Разверните киоск-приложение

Киоск-приложение можно добавить в консоль администратора Google.​

  1. Войдите в консоль администратора Google.

    Используйте аккаунт администратора (он не заканчивается на @gmail.com).

  2. На главной странице консоли администратора выберите Устройства затем Управление устройствами Chrome OS.

    Если на главной странице нет значка Устройства, нажмите Добавить элементы управления внизу экрана.

  3. Нажмите Приложения и расширения.
  4. Слева на странице выберите организационное подразделение.
    Для всех пользователей выберите организацию верхнего уровня. В противном случае выберите дочернюю организацию. По умолчанию организационные подразделения наследуют настройки родительской организации.
  5. Вверху на странице нажмите Киоск-приложения.
  6. Нажмите "Добавить" Добавить и выберите Добавить из Интернет-магазина Chrome.
  7. Найдите нужное приложение и нажмите Выбрать.
  8. Если появится соответствующий запрос, подтвердите разрешения для приложения от имени организации.
  9. На панели справа задайте правила для приложений и расширений. Подробнее о каждом правиле
  10. Нажмите Сохранить.

Статьи по теме

Эта информация оказалась полезной?
Как можно улучшить эту статью?