Ссылка для добавления внешнего PWA на домашнюю страницу - PullRequest
0 голосов
/ 23 января 2019

Мы хотим создать свой собственный магазин приложений в качестве веб-сайта, где все «приложения» - это PWA. Поскольку люди еще не привыкли к функции «Добавить на главный экран» в PWA, мы хотим, чтобы все приложения в нашем магазине приложений мгновенно запускали функцию «Добавить на главный экран» в PWA.

Например, https://pwa.rocks/ - это хороший "магазин приложений". Но чтобы добавить его на домашний экран, пользователям сначала нужно перейти на страницу, а затем им предлагается добавить его на домашний экран. Мы хотим полностью пропустить первый шаг.

1 Ответ

0 голосов
/ 24 января 2019

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

Однако, чтобы ответить на ваш вопрос, вы можете попробоватьиспользуя для этого frames или iframes .Вот критерии для отображения баннера Add to Homescreen:

  • Веб-приложение еще не должно быть установлено
  • Должно соответствовать эвристике взаимодействия с пользователем (в настоящее время пользователь имеетвзаимодействовать с доменом не менее 30 секунд)
  • Должен иметь манифест веб-приложения, который включает в себя:
    • краткое имя или имя
    • значки должны содержать значки размером 192px и 512px
    • start_url
    • дисплей должен быть одним из: полноэкранный, автономный или минимальный пользовательский интерфейс
  • Должен обслуживаться по HTTPS (требуется для обслуживающего персонала)
  • Необходимо зарегистрировать работника службы с обработчиком событий выборки

При соблюдении этих критериев Chrome запустит событие beforeinstallprompt, которое вы можете использовать, чтобы предложить пользователю установить ProgressiveВеб-приложение.

Другие браузеры имеют другие критерии для установки или для запуска события beforeinstallprompt.

Источник:

https://developers.google.com/web/fundamentals/app-install-banners/

...