Значок запуска PWA - PullRequest
Новая
       10

Значок запуска PWA

0 голосов
/ 27 сентября 2018
  1. Можно ли создать и отправить значок средства запуска PWA на рынок веб-сайта?
  2. Значок средства запуска должен работать как функция PWA "Добавить на главный экран".

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

Ответы [ 2 ]

0 голосов
/ 01 марта 2019

Это возможно ни в iOS, ни в Android:

Относительно значков

  1. Android зависит от файла manifest.json в корне вашегодомен для обработки информации о PWA.
  2. iOS: Возможно, вы сможете изменить значок и экран запуска в верхней части страницы, содержащей ссылку на PWA, но этоне поможет вам в любом случае, потому что Safari iOS не позволяет создавать закладки программно.

Относительно фактической ссылки, сохраненной на рабочий стол

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

Я понимаю, что Android теперь позволяет устанавливать PWA из Play Store , но процесс их публикации там

Что вы можете сделать

  1. Предоставьте пользователям отличную информацию о том, как установить PWA, перечисленные на вашем сайте.
  2. Укажите код для генерации установки.Всплывающая система в iOS для разработчиков, публикующих в вашем магазине, фирменные.Мы должны были сделать этот экран для этого сайта , и потребовалось довольно много времени, чтобы сделать это правильно.
0 голосов
/ 29 октября 2018

Если вы имеете в виду, что на своем веб-рынке вы хотите получить значки отправленных PWA, вы можете получить значки запуска PWA из тегов ссылки: 

<link rel="icon" sizes="192x192" href="nice-highres.png"> (recommended)
<link rel="icon" sizes="128x128" href="niceicon.png">
<link rel="apple-touch-icon" sizes="128x128" href="niceicon.png">
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="niceicon.png">

или изmanifest.json раздел значков: 

{
  "short_name": "Maps",
  "name": "Google Maps",
  "icons": [
    {
      "src": "/images/icons-192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "/images/icons-512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": "/maps/?source=pwa",
  "background_color": "#3367D6",
  "display": "standalone",
  "scope": "/maps/",
  "theme_color": "#3367D6"
}
...