Как создавать и развертывать киоск-приложения для 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. Использование существующего веб-приложения

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

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

Вариант 2. Создание нового приложения

Для создания простого киоск-приложения используйте образцы файлов из описанной ниже процедуры.
  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. В текстовом редакторе создайте файл JavaScript. Пример: образец 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:

  1. Создайте ZIP-архив папки с файлами.
  2. Опубликуйте киоск-приложение в Интернет-магазине Chrome. 

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

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

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

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

  2. На главной странице консоли администратора выберите Устройстваа затемУправление устройствами Chrome OS.
  3. Нажмите Приложения и расширениязатемКиоски.
  4. To apply the setting to all users, leave the top organizational unit selected. Otherwise, select a child organizational unit.
  5. Нажмите на значок "Добавить" Добавьте вопрос и выберите Добавить из интернет-магазина Chrome.
  6. Найдите нужное приложение и нажмите Выбрать.
  7. Если появится соответствующий запрос, подтвердите разрешения для приложения от имени организации.
  8. На панели справа задайте правила для приложений и расширений. Подробнее о каждом правиле
  9. Нажмите Сохранить.

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

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