Ультимативный гайд по PWA: Почему бизнесу больше не нужно мобильное приложение?
Что такое Progressive Web Apps (PWA) и почему они заменяют классические приложения для iOS и Android. Как обойти блокировки App Store и сэкономить миллионы на разработке.
Представьте ситуацию: вы вложили 5 миллионов рублей в разработку шикарного мобильного приложения для вашего интернет-магазина. Вы наняли двух iOS-разработчиков и двух Android-программистов. Спустя полгода мучительных тестов вы отправляете приложение в App Store.
А модератор Apple берет и отклоняет его. Просто потому, что ему не понравилась ваша система оплаты, или из-за новых санкционных правил. Или, что еще хуже, ваше приложение пропускают, но Apple начинает забирать 30% с каждой транзакции внутри приложения (знаменитый «налог Apple»).
Вы не можете построить надежный бизнес, если ключи от ваших дверей лежат в кармане у другой корпорации. — Тим Суини, основатель Epic Games.
Долгие годы бизнес был в заложниках у Apple и Google. Чтобы быть в телефоне клиента, приходилось играть по их правилам. Но технологии сделали огромный шаг вперед. Сегодня передовые компании (от Т-Банка и Альфа-Банка до Avito и Starbucks) массово переходят на PWA (Progressive Web Apps).
В этом гайде команда RAHVALSKIY TEAM простым языком объясняют, как технология PWA позволяет легально обойти App Store, сэкономить миллионы на разработке и получить идеальное приложение для ваших клиентов.
Что такое PWA (прогрессивное веб-приложение)?
Если не вдаваться в сложный код, PWA — это сайт, который научился притворяться полноценным мобильным приложением.
В основе PWA лежат те же самые технологии, на которых мы делаем быстрые сайты (React, Next.js). Но благодаря специальным сервис-воркерам (Service Workers), этот сайт получает "суперспособности" телефона:
Пользователь заходит на ваш сайт через обычный браузер (Safari или Chrome).
Снизу всплывает аккуратная кнопка: «Установить приложение на экран Домой».
Человек нажимает кнопку, и в ту же секунду на рабочем столе его смартфона появляется ваша иконка.
Когда клиент нажимает на эту иконку, открывается не браузер с адресной строкой, а полноэкранное приложение. Оно работает плавно, реагирует на жесты (свайпы) и визуально ничем не отличается от программы, скачанной из App Store.
5 причин, почему PWA хоронит классическую мобильную разработку
Зачем платить больше, если результат для пользователя одинаковый? Давайте разберем главные бизнес-преимущества технологии.
1. Независимость от цензуры App Store и Google Play
Это главная причина бума PWA в России. Ваше приложение невозможно заблокировать или удалить из магазина, потому что его там нет! Клиент скачивает его напрямую с вашего сайта. Вам не нужно неделями ждать одобрения модераторов, чтобы выкатить обновление или запустить новогоднюю акцию. Вы сами хозяева своего продукта.
2. Стоимость разработки ниже в 3 раза
При классическом подходе вам нужно содержать три разные команды:
Веб-разработчики (делают сайт).
iOS-разработчики (пишут на Swift).
Android-разработчики (пишут на Kotlin).
Это три разных кода, три разные базы ошибок и тройной бюджет.
При разработке PWA (например, на фреймворке Next.js) команда пишет код ровно один раз. И этот единый код идеально работает и как сайт на компьютере, и как приложение на iPhone, и как приложение на Samsung. Вы платите за одну разработку, а получаете продукт для всех платформ.
3. Мгновенная установка без барьеров
Знаете, сколько людей «отваливается» на этапе установки обычного приложения? Им нужно перейти в магазин, ввести пароль от Apple ID, подождать, пока скачается 150 мегабайт...
Установка PWA происходит в один клик и занимает доли секунды. Приложение весит не сотни мегабайт, а считанные килобайты, так как использует кэш браузера.
Самое совершенное приложение — это то, которое не нужно скачивать. — Сундар Пичаи, генеральный директор Google.
4. Push-уведомления и работа без интернета
Да, PWA умеет присылать Push-уведомления на экран смартфона (в том числе и на iPhone с последних версий iOS). А еще оно умеет работать офлайн! Если ваш дилер спустился в складской подвал, где не ловит сеть, он всё равно сможет открыть каталог в вашем B2B-портале (PWA покажет закэшированные страницы).
5. SEO-трафик (магия, недоступная нативным приложениям)
Страницы внутри обычного приложения не индексируются Яндексом и Google. Если у вас в приложении есть товар «кроссовки Nike», поисковик его не увидит.
PWA — это в первую очередь веб-сайт. Каждая карточка товара, каждая статья в вашем PWA собирает бесплатный органический трафик из поисковиков. Это инструмент, который сам привлекает новых клиентов.
Кому всё-таки нужно классическое (нативное) приложение?
Мы в RAHVALSKIY TEAM за честность. PWA — это не волшебная таблетка абсолютно для всего. Вам придется смириться с дорогой нативной разработкой под iOS/Android, если вы делаете:
Тяжелую 3D-игру с крутой графикой (браузер пока не потянет сложные текстуры так же хорошо, как видеочип напрямую).
Приложение, которому нужен глубокий системный доступ к железу смартфона (например, сложное управление Bluetooth-устройствами, фитнес-трекерами, или приложения для монтажа видео).
Для 95% остального бизнеса (интернет-магазины, маркетплейсы, B2B-порталы, сервисы доставки, онлайн-школы, СМИ) возможностей PWA хватит с огромным запасом.
Первоначальная идея Стива Джобса, которую он озвучил еще при презентации первого iPhone в 2007 году, звучала так: "Разработчикам не нужно ничего изучать. Просто пишите отличные веб-приложения (Web Apps), и они будут работать на iPhone как родные".
Спустя почти 20 лет эта концепция, наконец-то, работает идеально. PWA — это способ вернуть себе контроль над собственным IT-продуктом и радикально снизить затраты на разработку и поддержку.