Разработка прогрессивных
веб-приложений (PWA)
Веб-продукт, который устанавливается на телефон, работает при слабой связи и присылает уведомления — без ожидания ревью сторов и без комиссии сторов.
Что даёт PWA
Четыре вещи, благодаря которым веб-продукт ощущается как приложение.
Установка из браузера
Добавление на домашний экран с иконкой, сплэшем и отдельным окном: пользователь заходит в продукт одним нажатием.
Офлайн и слабая связь
Кэширование и понятное офлайн-состояние: продуктом можно пользоваться в метро и при плохой сети.
Push-уведомления
Web push для возвращения пользователей на Android и на iOS там, где его поддерживает Apple, с запросом разрешения в уместный момент.
Одна кодовая база, мгновенные обновления
Один код для десктопа и мобильных; обновления доходят до пользователей при следующем визите без ревью.
От сайта к устанавливаемому приложению
PWA подходит не каждому продукту, поэтому сначала проверяем применимость.
Проверяем применимость
Смотрим, каким функциям нужно устройство и сторы, а где PWA достаточно. Ограничения iOS — часть этого разговора.
Строим PWA-слой
Manifest, service worker, стратегия кэширования и уведомления поверх вашего веб-продукта или сразу в нём.
Тестируем и измеряем
Устанавливаемость, офлайн-поведение и производительность проверяем на реальных устройствах и отслеживаем после запуска.
С чем работаем
Стандартные веб-инструменты, без проприетарной обёртки, которую нужно поддерживать.
PlaywrightНужно ощущение приложения
без магазина приложений?
Расскажите, что продукт должен делать на телефоне. Честно скажем, хватит ли PWA.
