Установка и вход с мобильных устройств (PWA)

Почему стоит установить PWA?

Установка приложения на главный экран вашего телефона дает несколько важных преимуществ:

  • Быстрый доступ: Иконка приложения всегда под рукой на рабочем столе.

  • Чистый интерфейс: Исчезают адресная строка и кнопки браузера, освобождая больше места для контента.

  • Скорость: PWA работает быстрее, чем обычная вкладка в браузере, так как часть данных кешируется.

  • Автономность: Вы не рискуете случайно закрыть вкладку с важными данными.


Установка на устройства iOS

На устройствах Apple установка возможна только через браузер Safari.

  1. Откройте нужный declara-prod.web.app в Safari.

  2. Нажмите на иконку «Поделиться» (квадрат со стрелкой вверх) в нижней части экрана.

  3. Прокрутите список действий вниз и выберите пункт «На экран «Домой».

  4. Подтвердите название и нажмите «Добавить».

pwa install iOS 5mb.gif

Установка на устройства Android

На Android процесс еще проще и работает в большинстве современных браузеров (рекомендуется Chrome).

  1. Откройте сайт в Chrome.

  2. Обычно внизу появляется всплывающее окно «Добавить на главный экран».

  3. Если окна нет, нажмите на три точки в верхнем правом углу.

  4. Выберите пункт «Установить приложение» или «Добавить на гл. экран».

  5. Подтвердите установку.


Вход в аккаунт

После того как вы открыли установленное приложение, вам нужно авторизоваться.

1. Вход через аккаунт Google

Здесь всё работает так же, как и в веб-версии. Нажмите кнопку входа через Google, выберите свой аккаунт, и система автоматически перенаправит вас обратно в приложение уже авторизованным.

2. Вход по Magic Link (ссылка на почту)

Этот способ имеет свои особенности в зависимости от вашей операционной системы из-за политик безопасности.

  • На Android: Просто запросите ссылку, перейдите в почтовое приложение и нажмите на кнопку/ссылку в письме. Смартфон сам поймет, что ссылку нужно открыть в установленном PWA, и вы сразу окажетесь внутри системы.

  • На iOS (Важно!): В iOS приложения-PWA работают в изолированном режиме. Если вы просто нажмете на ссылку в почте, она откроется в обычном браузере Safari, а не в установленном приложении.

Как войти правильно в PWA на iOS:

  1. Запросите Magic Link.

  2. Откройте письмо и скопируйте (зажмите и выберите «Скопировать ссылку») адрес из письма.

  3. Вернитесь в приложение PWA и вставьте ссылку в специальное поле для входа.

pwa magic-link iOS activate.gif


Статья была полезна?