К содержанию
Меню
Написать в WhatsAppTelegram
Мобильные приложения

PWA — приложение без App Store и Google Play, которое ставится прямо из браузера

Делаю PWA, когда приложение нужно своим — сотрудникам, постоянным клиентам, участникам программы — и публикация в магазине только добавляет ожидание. Один код для iPhone, Android и компьютера.

Обсудить задачу

Когда это нужно

  • Проверка магазина на каждое обновлениеИсправили ошибку — и ждёте, пока магазин приложений проверит новую версию. Сотрудники всё это время работают со старой.
  • Три версии одного продуктаСайт, приложение для iOS и приложение для Android живут отдельно, и каждое изменение приходится делать трижды.
  • Приложение только для своихИм пользуются сотрудники или постоянные клиенты. Публиковать его в магазине и проходить проверку незачем.
  • Связь пропадаетСклад, дорога, выезд к клиенту — интернет есть не везде, а открыть нужный экран надо.

Что входит

  • Установка на экран телефона из браузера, без App Store и Google Play
  • Один код для iPhone, Android и компьютера
  • Уже открытые экраны работают без сети
  • Обновления без проверки магазина — новая версия у всех сразу
  • Уведомления там, где их поддерживает система
  • Вход и роли для сотрудников или клиентов
  • Связь с CRM, учётом и сайтом
  • Сканирование QR-кодов камерой телефона

Не каждому приложению нужен магазин. Если им пользуются сотрудники, постоянные клиенты или участники закрытой программы, публикация в App Store добавляет только проверку каждой версии и ожидание. PWA ставится на экран телефона прямо из браузера и открывается как обычное приложение — с иконкой и без адресной строки.

Когда я предлагаю PWA

Ориентир простой: у человека есть действие, которое он повторяет, и он не ищет вас в магазине приложений. Курьер отмечает доставку, менеджер проверяет заказ, слушатель отмечается на занятии, постоянный клиент смотрит статус. Для таких сценариев PWA даёт главное — иконку на экране, быструю загрузку и обновления, которые доходят до всех сразу. Если сайт уже есть, PWA часто строится на его основе — с той же админкой и теми же данными.

Связь с вашей системой та же, что у обычного приложения: данные приходят из CRM, учёта или сайта, а всё важное хранится на сервере, а не только в телефоне. Работа без сети тоже возможна — например, в Atlas Ultima уже открытые страницы продолжают работать без интернета, и это важно, когда сервис показывают клиенту на встрече.

Даже отметку посещаемости по QR-коду можно сделать в PWA: камера телефона доступна прямо из браузера.

Когда лучше другое

Если приложению нужны Bluetooth, NFC или работа в фоне, если вас должны находить в App Store или уведомления на iPhone — главный канал связи с клиентами, делаю приложение на React Native: один код на iOS и Android. Если клиенты и так сидят в Telegram, удобнее мини-приложение — его не нужно даже устанавливать.

Подробное сравнение — PWA, приложение из магазина или Telegram — в заметке о выборе между приложением и PWA. Какой вариант подходит вам, решаю после разбора: кто открывает приложение, как часто и что он должен сделать за минуту.

Как я это делаю

  1. Сценарии

    Кто открывает приложение, зачем и как часто. Что он должен сделать за минуту.

  2. Прототип

    Экраны и переходы в кликабельном виде. Проверяем до разработки.

  3. Дизайн

    Интерфейс с привычной навигацией — без экспериментов там, где человеку нужно быстро.

  4. Разработка

    Приложение и связь с вашей системой. Сборки для теста на телефоне — по ходу работы.

  5. Публикация

    Сторы, обновления по воздуху, поддержка.

Вопросы

PWA работает на iPhone?

Да. На iPhone его добавляют на экран вручную — через «Поделиться» и «На экран „Домой“» в Safari. Уведомления приходят только установленному так приложению, поэтому сотрудникам я заранее даю короткую инструкцию.

Можно потом сделать полноценное приложение?

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

Где публикуется PWA?

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

Сканирование QR работает в PWA?

Да, камеру телефона можно использовать прямо из браузера. Поэтому, например, отметку посещаемости по QR можно сделать и в PWA.

Статьи по теме

Все статьи

Похожие решения

Все решения

Есть задача — напишите, разберём.

Опишите в двух словах, что нужно, — отвечу сам, без менеджеров и брифов на десять страниц.

Написать в WhatsAppНаписать в Telegram