Мобильное приложение из сайта: что такое PWA и когда это нужно

Отдельное мобильное приложение под iOS и Android — это две разработки, два магазина и постоянная поддержка версий. Для большинства бизнесов тот же результат даёт технология PWA: сайт устанавливается на телефон как приложение — без отдельной разработки. Разберём, когда этого достаточно, а когда нет.

Что такое PWA

PWA (Progressive Web Application) — возможность современных смартфонов установить ваш сайт как приложение: с иконкой на экране, запуском на весь экран и работой без адресной строки браузера. Пользователь не отличает его от «обычного» приложения, а вам не нужно вести две отдельные разработки под iOS и Android.

Сегодня на мобильные устройства приходится большинство интернет-трафика в России. Поэтому удобный вход с телефона — это не «приятное дополнение», а основной сценарий использования сайта.

Что это даёт бизнесу

Одна разработка вместо двух

Не нужны отдельные версии под iOS и Android — приложение работает на большинстве современных смартфонов из одного кода сайта.

Всегда актуальная версия

Обновление выходит сразу для всех — не нужно ждать модерации в App Store и Google Play и догонять пользователей со старой версией.

Установка за полминуты

Пользователь добавляет приложение на экран прямо из браузера — без похода в магазин приложений, примерно за 30 секунд.

Развиваете сайт — развивается приложение

Достаточно вести один адаптивный сайт: новый функционал автоматически появляется и в приложении. Не нужно поддерживать отдельный продукт.

Где PWA не заменит нативное приложение

PWA закрывает большинство бизнес-задач: каталог, личный кабинет, оформление и оплату заказов. Но часть возможностей смартфона доступна только нативному приложению — например, тесная работа с камерой, Bluetooth и датчиками, тяжёлая графика или размещение в App Store и Google Play. Если это — ядро вашего продукта, нужна нативная разработка; подскажем, что подойдёт под вашу задачу.

Сколько это стоит

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

Проверено на себе

Наш собственный сайт agin.pro работает как PWA — его можно установить на телефон и открывать как приложение. Ту же технологию мы подключаем клиентам: она встраивается в уже существующий сайт на 1С-Битрикс, без отдельной разработки.

Когда стоит подключать

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

Частые вопросы

Для пользователя — почти ничем: иконка на экране, запуск на весь экран, работа как у приложения. Разница в том, что PWA строится на основе сайта и не требует отдельной разработки под iOS и Android и публикации в магазинах приложений.

Да, PWA поддерживается и на Android, и на iOS. Приложение работает на большинстве современных смартфонов; на iPhone установка выполняется из браузера Safari.

Нет. Пользователь устанавливает приложение прямо из браузера за полминуты. Это убирает модерацию магазинов и ожидание одобрения обновлений.

Для большинства бизнес-задач — да. Часть возможностей смартфона (тесная работа с камерой, Bluetooth и датчиками, тяжёлая графика, размещение в App Store и Google Play) доступна только нативному приложению — если это ядро продукта, нужна нативная разработка. Подскажем, что подойдёт под вашу задачу.

Ориентировочно около 20% от стоимости классической мобильной разработки — приложение встраивается в существующий сайт. Точную оценку дадим после диагностики вашего проекта.
Дмитрий Белоусов

Дмитрий Белоусов

Основатель Agin.pro

В веб-разработке с 2003 года

Сертифицированный Битрикс-разработчик

Адаптируем ваш сайт под PWA в рамках технической поддержки.

На тарифе техподдержки вы получаете:

  • Фиксированный ежемесячный платёж
  • Перерасход до ×2 без доплат
  • Перенос неизрасходованных часов
  • Выделенный менеджер
  • Ежемесячные отчёты
Все тарифы поддержки

Обсудить приложение из вашего сайта

Посмотрим ваш сайт и подскажем, подойдёт ли PWA под ваши задачи и что для этого нужно.