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

Пит ЛеПейдж

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

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

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

Крупный план кнопки «Установить» в адресной строке рабочего стола.
Программа установки, предоставляемая браузером (для настольных компьютеров)
Крупный план баннера внизу экрана мобильного телефона, предлагающего пользователю «Добавить Airhorner на главный экран».
Рекламная акция по установке, предоставляемая браузером (для мобильных устройств)

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

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

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

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

У других браузеров аналогичные критерии установки, хотя могут быть незначительные различия. Для получения полной информации проверьте соответствующие сайты: