Как программно добавить ярлык WebApp на домашний экран из приложения для Android, чтобы запустить WebApp в полноэкранном режиме - PullRequest
0 голосов
/ 18 мая 2018

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

Я пытался добавить ярлык в Android, но не смог найти ничего для открытия в полноэкранном режиме, но, думаю, Flipkart смог это сделать.Есть ли способ сделать так, как это делает Chrome.

Ответы [ 2 ]

0 голосов
/ 24 мая 2018

Когда вы нажимаете «Добавить на главный экран» в Chrome, происходит два события.

1) Если ваш сайт соответствует минимальным критериям PWA (действительный Manifest.json, работник службы, обслуживаемый через HTTPS с действительным сертификатом) - Chrome использует компонент WebAPK, который является частью самого браузера Chromeсоздать файл .APK, подписать его на лету и установить в телефоне, как приложение, установленное в магазине Play.Даже информация о приложении покажет, что приложение установлено из магазина Play (хотя это не совсем точно, Google может перефразировать его позже, я думаю) и подписано Google.

Если вы хотите имитировать часть генерации APK , в настоящее время это невозможно.Вы можете извлечь этот файл .apk, используя инструменты проводника, такие как ES file explorer, и использовать его для переноса на другие телефоны (не рекомендуется для общего публичного распространения, поскольку вы можете не знать, поддерживает ли пользователь версию Chrome)

2) Если ваше приложение не совместимо с PWA (используйте аудит Chrome lighthouse для веб-приложения Progressive, чтобы проверить, подходит ли ваше приложение для установки на домашний экран), при попытке добавить его на домашний экран значок все равно будет добавлен.Но при открытии он откроется в браузере с адресной строкой.Думайте об этом как ярлык закладки.Это работает таким образом.

Flipkart имеет минимальное соответствие PWA, что позволяет Chrome генерировать файл .APK и устанавливать его как обычное приложение и открывать в полноэкранном режиме.

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

Обновление: Ниже приведен отчет о проверке маяка для вашего сайта.Из-за неудачных, manifest.json, не имеющих действительного start_url, является проблемой, которую вам нужно решить, чтобы получить установочный баннер и добавить его в качестве приложения на домашний экран, который откроется в полноэкранном режиме.

Я мог видеть ваш манифест в https://locoshift.com/manifest.json, с start_url как

  "start_url": "https://locoshift.com",

, попробуйте изменить его на, чтобы он мог найти манифест оттуда.У меня есть "/index.html" в качестве start_url, и это работает для меня.

  "start_url": "https://locoshift.com/",

Вы можете добавить запись манифеста цвета темы и метатег, чтобы решить две другие проблемы, о которых она сообщает.Но они косметические и не вызывают проблемы, которую вы пытаетесь решить.

enter image description here

0 голосов
/ 18 мая 2018

Получение приложения или сайта в полноэкранном режиме

Пользователь или разработчик может получить полноэкранный режим веб-приложения несколькими способами.

  • Запросить браузер в полноэкранном режиме в ответ на запрос пользователя
  • Установите приложение на домашний экран.
  • Поддельные: автоматическое скрытие адресной строки.

    gesture.element.requestFullscreen()
    document.documentElement.requestFullscreen();
    

Подробнеедетали: - https://developers.google.com/web/fundamentals/native-hardware/fullscreen/

...