Разработка PWA-приложений

Разработка PWA (Progressive Web App) — создание веб-приложения, которое пользователь ставит на устройство из браузера: единая кодовая база, выбранные offline-сценарии через service worker и push-уведомления с учётом ограничений платформ. Это не «просто адаптивный сайт» и не полная замена native: ценность — в установке, кэше и возвратах без двух отдельных мобильных клиентов.

Студия «Компини» сначала проверяет целесообразность: частота возвратов, нужные API устройства, доля iOS и критичность фона. Затем проектируем online/offline-состояния, собираем installable-версию (manifest, HTTPS, service worker), настраиваем стратегии кэша и аналитику установки. Ограничения Safari/iOS (установка через «На экран Домой», нюансы push и хранения данных) фиксируем в ТЗ до разработки — без обещаний «как в App Store».

На рынке 2026 года PWA часто выбирают для каталога, ЛК и внутренних инструментов: быстрее и дешевле пары native при типовых бизнес-сценариях; native остаётся для игр, глубокого фона, Bluetooth/NFC и обязательного присутствия в сторах. Смежные форматы: веб-приложения, мобильные приложения, расширение Chrome, MVP.

Кратко

• PWA = устанавливаемое веб-приложение: одна кодовая база, кэш выбранных сценариев, push с оговорками платформ.
• Сначала целесообразность и ограничения iOS, потом manifest и service worker — без обещаний «как native».
• Типичный путь: гипотеза → проектирование online/offline → разработка → тесты → запуск.
• Ориентир: аудит от 60 000 ₽, PWA MVP от 250 000 ₽.
• Native нужен при глубоком фоне, hardware API и обязательных сторах.

Адаптивный сайт vs PWA vs native

Формат выбирают по сценарию возврата, API устройства и каналу дистрибуции — не по моде на «приложение».

Ориентиры 2026: для многих бизнес-сценариев PWA достаточно; iOS по-прежнему требует отдельного слоя ожиданий по установке, push и хранению данных (обзоры про Safari/ITP и сравнения PWA vs native).

Что обычно входит в PWA MVP

Когда нужна услуга

• Нужен быстрый запуск «приложения» без двух отдельных native-клиентов.
• Пользователи регулярно возвращаются к каталогу, кабинету или рабочему инструменту.
• Важны установка с сайта, кэширование ключевых экранов или push.
• Уже есть веб-API / backend или планируется единый веб-стек.
• Нужно честно оценить iOS-ограничения до вложений в native.

Что мы делаем

• Аудит PWA-целесообразности и поддерживаемых функций по платформам.
• Адаптивный app-like интерфейс под установку на домашний экран.
• Web App Manifest, иконки, splash и сценарий установки.
• Service worker: стратегии кэширования, обновления и offline-границы.
• Push (где поддерживается), HTTPS, аналитика установки и тесты Android/iOS.

Как проходит работа

1. Проверка гипотезы — PWA vs адаптивный сайт vs native.
2. Проектирование — online/offline-состояния и ограничения iOS.
3. Разработка — UI, manifest, service worker, интеграции.
4. Тестирование — установка, обновления, потеря сети, пуши.
5. Запуск — аналитика, мониторинг ошибок, roadmap.

Ориентиры по стоимости

Точная цена зависит от объёма работ. Ниже — типовые задачи и стартовые цены:

Почему «Компини»

• Опыт с 2014 года — сайты, CRM, интеграции и поддержка под ключ.
• Фиксированная смета — стоимость согласуем до начала работ.
• Гарантия — исправляем недочёты в рамках ТЗ после сдачи проекта.

От чего зависит цена

Цена растёт не от слова «PWA», а от продукта вокруг: экранов, ролей, синхронизации и push. Аудит дешёвый; MVP с кабинетом и интеграциями — сотни тысяч.

• Число ключевых экранов и ролей.
• Глубина offline и конфликт-резолюция при синхронизации.
• Push, сегменты, бэкенд уведомлений.
• Доля iOS и отдельные UX-сценарии установки.
• Интеграции: оплата, CRM, API; store-обёртки.

Глоссарий

• PWA (Progressive Web App) — прогрессивное веб-приложение с установкой и расширенными веб-API.
• Service worker — скрипт в фоне браузера для кэша, offline и push.
• Web App Manifest — JSON-описание приложения: иконки, имя, режим отображения.
• beforeinstallprompt — событие Chrome/Android для нативного окна установки (на iOS недоступно).
• Web Push — push-уведомления через браузер; на iOS — с условиями установки и согласия.
• TWA (Trusted Web Activity) — обёртка для публикации веб-приложения в Google Play.

Когда этот формат не подходит

PWA не заменяет native, если критичны глубокая фоновая работа, Bluetooth/NFC и спецAPI устройства, максимальная производительность (игры/3D) или обязательное присутствие в App Store/Google Play без компромиссов. Также не подходит, если достаточно обычного адаптивного сайта без установки и offline.

Часто задаваемые вопросы