PWA: сокращаем бюджет на разработку и обходим санкции

9 октября 2022

Сергей Ж., Мария Простова

Время чтения: 3 мин

На сегодняшний день очень многие бизнесы столкнулись с рядом проблем из-за различных блокировок и санкций. Одна из проблем - невозможность опубликовать мобильное приложение в AppStore и GooglePlay.

В этом материале мы расскажем как с помощью Progressive Web Application (PWA) все-таки доставить пользователям свой продукт.

Этот материал будет полезен, если:

  • ваше мобильное приложение не работает (в т.ч. удалено из маркетплейсов)
  • вы хотите разработать веб-сервис с возможностью работы с мобильного устройства
  • вы разрабатываете MVP и хотите протестировать функции перед разработкой мобильной версии продукта

Что такое PWA

Progressive Web Application (PWA) - это технология в веб-разработке, которая добавляет к обычному сайту возможности мобильного приложения. Позволяет пользователю воспринимать ваш сайт как приложение: устанавливать его себе на ПК или в телефон. Но установка произойдет не из маркетплейсов (AppStore и GooglePlay), а с главной страницы вашего сайта.

При этом PWA отображается в поисковых системах как сайт. В целом можно сказать, что PWA - это нечто среднее между мобильной версией сайта и мобильным приложением.

При помощи PWA пользователь может взаимодействовать с бизнесом, как если бы использовал мобильное приложение:

  • просматривать каталоги товаров/услуг
  • размещать заказы
  • записываться на услуги / вести график записи
  • получать консультации от службы поддержки
  • получать push-уведомления и многое другое

В каких сферах можно использовать PWA

PWA может использоваться в тех же сферах, где и мобильные приложения: всё зависит от задач бизнеса.

С точки зрения отраслей и типов проектов - PWA используют при создании сайтов электронной коммерции, финансовых компаний и сервисов, СМИ, корпоративных порталов, образовательных платформ, да практически чего угодно.

С точки зрения экономики проекта – технология хорошо подходит для стартапов или компаний, где PWA используется как MVP перед мобильной версией.

В текущей ситуации особняком стоит использование PWA компаниями, попавшими под санкции, приложения которых были удалены из маркетплейсов. Например, для многих российских банков и финансовых компаний PWA сейчас реальная возможность продолжать оказывать клиентам сервис на мобильных устройствах.

Кто разрабатывает PWA

Разработкой PWA занимаются web-разработчики. Большую часть разработки на себя берет frontend, поскольку при разработке используется стек: HTML, CSS, JavaScript, Vue, React.

Как работает PWA

Давайте теперь подробнее остановимся на том, как работает Progressive Web Application.

С точки зрения пользователя процесс происходит так:

  1. Пользователь заходит на сайт
  2. Ему предлагают установить приложение на главный экран
  3. Пользователь устанавливает приложение (без входа в маркетплейс)
  4. Приложением можно пользоваться

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

Но из-за ограниченности функционала не стоит считать, что PWA - это полноценная альтернатива мобильному приложению. Рассмотрим основные плюсы и минусы PWA.

Плюсы использования PWA

Самым явным на сегодняшний день плюсом для бизнеса является то, что PWA-приложения не нужно загружать в маркетплейсы, но есть и ряд других преимуществ:

1. Работа оффлайн без подключения к интернету

  • пользователю не нужно быть онлайн, все действия он может совершать без подключения к сети. Изменившиеся или вновь созданные данные попадут в систему тогда, когда интернет-соединение будет стабильным.

2. Скорость разработки

  • PWA приложение разрабатывается вместе с frontend, таким образом дополнительные затраты минимальны. Нередко PWA используют в MVP проектах, где к разработке приложения еще не подобрались, а исследовать поведение пользователей нужно.

3. Отсутствие постоянных обновлений

  • в отличие от мобильного приложения PWA не нужно обновлять через маркетплейсы, при подключении к интернету оно самостоятельно обновится до нужной версии без участия пользователя.

4. Занимают небольшой объем памяти

  • прогрессивные приложения не занимают много места в устройстве пользователя.

5. Адаптивность к любой архитектуре

  • совершенно без разницы, монолитная или микросервисная у вас архитектура на проекте

5. Кроссплатформенность

  • Пользователь может использовать PWA как в мобильной версии, так и на десктопе

Минусы PWA

Как и любого подхода у PWA есть и ряд минусов:

1. Ограниченность функционала

  • при выборе PWA стоит учитывать, что это альтернатива, но не 100% замена мобильного приложения.

Например, в отличии от мобильного приложения в PWA нет:

  • Возможности работать с аппаратными функциями (например, биометрией, сложно работать с камерой, на iPhone недоступен haptic touch и так далее)
  • Сложнее обеспечить защищенность данных
  • Очень ограниченные возможности по подстройке внешнего вида под ОС, приложение может выглядеть чужеродно

2. Зависимость от версии браузера

  • PWA хорошо работает с последними версиями браузера, если же у пользователя очень старая версия - могут возникнуть сложности с некоторыми функциями

3. Высокий расход батареи

  • поскольку PWA использует JavaScript, а не нативный стек мобильной разработки - Swift и Kotlin - батарея на мобильном устройстве пользователя расходуется быстрее

4. Отсутствие в маркетплейсах

  • пользователь привык, что любое приложение должно быть в GooglePlay или AppStore. Загрузка с вашего сайта может показаться ему не совсем безопасной и в таком случае потребует дополнительных усилий по снятию возражений

Как PWA поможет сократить бюджет на разработку

Мобильная разработка - это всегда дорогостоящее мероприятие. И не всегда для закрытия задач бизнеса требуется именно мобильное приложение. При разработке PWA вы сможете существенно сократить бюджет на разработку и получить часть функций в короткие сроки.

За счет чего разработка PWA дешевле (в отличие от мобильной разработки):

1. Сроки разработки

  • Как писали выше, разработка PWA является частью frontend-разработки, а кастомизированное мобильное приложение - самостоятельной веткой со своим параллельным объемом работ.

2. Стек и количество разработчиков на проект

  • Основа - это JavaScript, который очень хорошо распространен. Кроме того, для мобильной разработки потребуется гораздо большее количество разработчиков , чем для PWA.

В нашей практике были примеры, когда функционал PWA полностью закрывал задачи бизнеса.

Например, при разработке корпоративного портала по учету рабочего времени сотрудников, находящихся на вахте в отдаленных территориях. Бюджета на отдельные мобильные приложения было недостаточно, а функционал отлично вписался и работал в PWA.

Второй пример - это банковская сфера, которая сейчас подвержена санкциям и большинство банков удалены из маркетплейсов. Многие банки уже используют PWA как платформу для дальнейшей работы и коммуникации с пользователями.

В некоторых случаях PWA становится альтернативой мобильной разработки при разработке MVP проекта, когда нужно протестировать функции и поведение пользователей.

Во всех трех случаях разработка PWA помогает сократить затраты на разработку в разы.

Заключение

Выбор разрабатывать ли PWA или полновесное мобильное приложение, должен быть основан прежде всего на задачах бизнеса. В этом материале мы постарались отразить все основные плюсы и минусы Progressive Web Application, их очевидные преимущества в скорости разработки и относительной низкой стоимости (в сравнении с мобильной разработкой)

Как показывает наша практика, принимать решение о том, подойдет ли PWA вашему бизнесу, лучше в тандеме продакт-менеджера и руководителя команды разработки. Они взвесят все “за” и “против”, учтут бюджет, возможности команды, среднесрочные и долгосрочные планы развития продукта. Но то, что в период санкций и ограничений PWA, очевидно, одна из хороших альтернатив мобильному приложению – это факт.

В этой статье: PWA: сокращаем бюджет на разработку и обходим санкции