Что нужно для установки?

Пит ЛеПейдж

Прогрессивные веб-приложения (PWA) — это современные высококачественные приложения, созданные с использованием веб-технологий. PWA предлагают возможности, аналогичные мобильным и настольным приложениям, они надежны даже в условиях нестабильной сети и легко устанавливаются, что упрощает пользователям поиск и использование.

Большинство пользователей знакомы с установкой приложений и преимуществами установленного ПО. Установленные приложения отображаются на панелях запуска операционной системы, таких как папка «Программы» в macOS X, меню «Пуск» в Windows и главный экран в Android и iOS. Установленные приложения также отображаются в переключателе действий, поисковых системах устройств, таких как Spotlight, и на панелях общего доступа к контенту.

Большинство браузеров сообщают пользователю, что ваше прогрессивное веб-приложение (PWA) готово к установке, если оно соответствует определённым критериям. Примерами таких индикаторов являются кнопка «Установить» в адресной строке или пункт меню «Установить» в дополнительном меню.

Продвижение установки через браузер (для настольных компьютеров)
Продвижение установки через браузер (мобильный)

Кроме того, при выполнении критериев многие браузеры активируют событие beforeinstallprompt , позволяя вам предоставить пользовательский интерфейс внутри приложения, который запустит процесс установки в вашем приложении.

Критерии установки

В Chrome ваше прогрессивное веб-приложение должно соответствовать следующим критериям, прежде чем оно запустит событие beforeinstallprompt и отобразит продвижение установки в браузере:

  • Веб-приложение еще не установлено.
  • Соответствует эвристике взаимодействия с пользователем:
    • Пользователь должен щелкнуть или коснуться страницы хотя бы один раз в любой момент времени, даже во время предыдущей загрузки страницы.
    • Пользователь должен провести на странице не менее 30 секунд в любой момент времени.
  • Предоставляться по протоколу HTTPS.
  • Включает манифест веб-приложения , который включает:
    • short_name или name
    • icons - должны включать иконки размером 192px и 512px
    • start_url
    • display - должен быть fullscreen , standalone , minimal-ui или window-controls-overlay
    • prefer_related_applications не должны присутствовать или иметь false

В других браузерах критерии установки схожи, хотя могут быть небольшие различия. Подробности смотрите на соответствующих сайтах: