Мобильное приложение или PWA — что выбрать бизнесу

PWA — это сайт, который ставится на экран телефона и открывается как приложение: без App Store, Google Play и отдельной разработки под iOS и Android. Его хватает, когда приложение нужно «своим» — сотрудникам или постоянным клиентам — и когда ему не нужны глубокие функции телефона. Приложение из магазина нужно, когда вас должны находить в App Store и Google Play, когда уведомления — главный канал связи с клиентами на iPhone или когда приложению нужен Bluetooth, NFC или работа в фоне. Если сомневаетесь, разберите свою задачу по критериям ниже.

Что такое PWA на практике

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

На Android браузер сам предлагает установить такое приложение. На iPhone есть особенность: кнопки «Установить» там нет. Человек сам добавляет сайт через меню «Поделиться» → «На экран „Домой“». И уведомления на iPhone PWA получает только после такой установки. Для сотрудников это решается одной инструкцией. Для случайного покупателя это шаг, на котором легко потерять человека.

Ещё одна деталь: данные PWA хранит в браузере. Если сайт не установлен на экран и его давно не открывали, iPhone может эти данные очистить. Поэтому всё важное — корзина, история, настройки — должно жить на сервере, а не только в телефоне.

Когда PWA хватает

• Приложение для своих. Сотрудники на складе, в доставке, на выездах. Установку им объясняют один раз, а вам не нужно проходить проверку магазина приложений с каждым обновлением.
• Постоянные клиенты, которые и так приходят через сайт. Личный кабинет, статус заказа, повторная покупка — то, ради чего человек уже открывает ваш сайт.
• Нужно быстро и на одном коде. PWA — продолжение сайта: тот же код, та же админка, одна версия вместо трёх.
• Продукт часто меняется. MVP, сезонный сервис, внутренний инструмент, который дорабатывают каждую неделю. Исправление выходит сразу, а не после проверки магазина.
• Работа без сети. Уже открытые страницы можно показывать без интернета. Так сделан премиальный сервис Atlas Ultima: его показывают клиенту на встрече с планшета, и открытые страницы работают даже без сети.

Когда нужно приложение в App Store и Google Play

• Вас ищут в магазине приложений. Если приложение — продукт для широкой аудитории, App Store и Google Play — это витрина и поиск. PWA там не найдут.
• Уведомления — главный канал. Напоминания, статусы, акции. На Android PWA с этим справляется, на iPhone — только после установки на экран, которую сделает не каждый.
• Функции телефона. Bluetooth, NFC, работа с внешними устройствами. Часть этого браузер на iPhone не поддерживает совсем, а следить за геолокацией в фоне не даёт ни один браузер.
• Ожидания аудитории. Для части клиентов приложение из магазина выглядит солиднее ссылки. Это не техника, а восприятие, но с ним тоже приходится считаться.

Отдельно про «обёртки». PWA можно упаковать и выложить в Google Play — это официально поддерживаемый путь. С App Store так не получится: Apple отклоняет приложения, которые просто показывают сайт и не дают ничего сверх него.

И про то, что будет после запуска. У приложения из магазина есть постоянная работа, о которой часто забывают: аккаунты разработчика в App Store и Google Play, обновления под новые версии iOS и Android, требования магазинов, которые регулярно меняются. PWA живёт как сайт, и этих забот у неё меньше.

Главный вопрос — есть ли повторяющееся действие

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

В Digital Control таким действием была отметка на занятии: слушатель отмечается по QR-коду, и посещаемость сразу видна в CRM. Действие повторяется на каждом занятии — ради этого приложение и ставят. Как устроены такие приложения, — на странице приложения с QR-отметкой.

Сама по себе камера для QR — не повод уходить из браузера: сканировать код можно и на сайте. Решают частота действия, уведомления и то, кто пользователь.

Третий вариант — приложение внутри Telegram

Иногда не нужны ни PWA, ни магазин приложений. Если ваши клиенты или сотрудники и так сидят в Telegram, приложение можно открыть прямо там: ставить ничего не надо, вход — по аккаунту Telegram. Для менеджеров Audi Centre Almaty я сделал именно Telegram-приложение — им не пришлось ничего устанавливать. Разницу между ботом и мини-приложением разобрал в заметке «Telegram-бот или мини-приложение».

Минус у этого варианта понятный: приложение живёт по правилам Telegram и доступно только тем, у кого он есть и кто им пользуется.

Коротко — как выбрать

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

Общие вопросы такие:

• Кто пользователь? Свои сотрудники и постоянные клиенты — PWA или Telegram. Широкая аудитория, которая ищет вас в магазине приложений, — приложение из магазина.
• Насколько важны уведомления на iPhone? Если это главный канал — приложение из магазина.
• Нужны ли Bluetooth, NFC, работа в фоне? Да — приложение из магазина, без вариантов.
• Сколько есть времени? PWA делается на основе сайта и выходит быстрее. Приложение из магазина — это ещё сборки, проверка и публикация.

Если и после этого остаются сомнения, начните с PWA: серверная часть, данные и логика пригодятся, если позже понадобится приложение в магазине. А если ясно, что без магазина приложений не обойтись, сравнение технологий для него — в заметке «React Native или нативная разработка». Как я делаю приложения, которые ставятся из браузера, — на странице PWA.