Какие есть подходы в разработке мобильных приложений в 2025: гайд для не-разработчиков
Время прочтения: 15 минут
Привет, на связи Эд, сооснователь КОД9. Мы создаём приложения уже 15 лет и накопили большой опыт с разными технологиями. В статье рассмотрим основные современные подходы для мобильной разработки: расскажем, в каких ситуациях они подойдут, в чём их преимущества и ограничения, сколько ресурсов понадобится для работы с ними.Эта статья — не гайд по разработке, а справочник для предпринимателей, менеджеров и руководителей по развитию бизнеса, продактов и других людей, которые обычно не пишут код сами. Материал поможет разобраться, какие подходы лучше выбрать в зависимости от ситуации.
Контекст: какие бывают приложения
Для разработки мобильных приложений существует много технологий. Каждая решает свою задачу, подходит для конкретных проектов и запросов бизнеса и даёт определённый пользовательский опыт. Мы расскажем о самых популярных в порядке возрастания сложности, стоимости и технических возможностей:Progressive Web App (PWA)
это сайт, оптимизированный под мобильные устройства. Его преобразуют в форму приложения, и поэтому он имеет больше возможностей, чем сайт, который открыли в мобильном браузере. PWA запустятся на любых мобильных платформах, но не подходят для магазинов приложений вроде App Store или Google Play.Гибридные веб-приложения
это уже настоящие приложения, но они состоят только из встроенного браузера с запущенным сайтом. Схожи с PWA, но подходят для магазинов приложений.Кроссплатформенные приложения
также запустятся на всех мобильных операционных системах, но имеют ещё больше возможностей — например, для работы с датчиками телефона. Это позволяет создавать продукты с более сложным пользовательским опытом.Нативные приложения
максимально отзывчивые и производительные, их создают под конкретную операционную систему. При таком подходе возможности iOS и Andriod раскрываются по максимуму.Kotlin Multiplatform (KMP)
это технология с открытым исходным кодом, которая сочетает в себе плюсы от нативной и кроссплатформенной разработки. Это возможно за счёт переиспользования части кода.Далее расскажем про все технологии подробнее, приведём примеры и обсудим, какие ресурсы потребуются для разработки в каждом случае.Веб-приложения
Что это такое
Progressive Web App — это технология, которая преобразует сайт в приложение и даёт возможность адаптировать его под мобильные устройства. Его можно загрузить в любой смартфон и открыть без браузера.
Например, Aliexpress использовали PWA для решения своих задач
Особенности
Такие приложения не подходят для магазинов приложений — компании распространяют их самостоятельно, например, просят скачать с сайта.Функций у PWA намного больше, чем у простой мобильной версии сайта. Например:- Его можно открывать без подключения к интернету.
- Такое приложение может посылать пуш-уведомления, но в ограниченном виде.
Например, на iOS нельзя кастомизировать их дизайн или присылать фоновые уведомления. Это технические сообщения, которые не видны пользователю — с помощью них можно запустить действие, например, загрузить новые данные в новостную ленту.
- Оно может связываться с некоторыми сенсорами смартфона. iOS разрешает получать данные только с GPS, а с версии Android 15 можно ограниченно подключаться к Bluetooth-устройствам.
У PWA больше возможностей на AndroidИзначально PWA поддерживали только такие устройства, поэтому и функций у веб-приложений на этой платформе всё ещё гораздо больше. В Apple продолжают настаивать на распространении приложений через App Store, и не торопятся внедрять новые возможности PWA в iOS.
Когда подойдёт
Если бизнесу нужны приложения для iOS и Android, но пока недостаточно средств, времени или компетенций разработчиков для создания кроссплатформенного или нативных приложений.А ещё PWA подойдёт, если компания не хочет или не может публиковать своё прилож ение в магазинах. У сторов есть ограничения и правила — в частности, комиссии с покупок внутри приложений, — которые не подходят для некоторых бизнес-моделей.Стоимость и сроки
Разработка PWA будет дешевле и выйдет быстрее всех остальных технологий, которые мы обсуждаем в статье.Гибридные веб-приложения
Что это такое
Гибридными часто называют адаптированные мобильные сайты и PWA, которые запускают в обёртке нативного приложения. То есть для каждой ОС разрабатывают своё приложение, но его единственное содержимое — полноэкранный встроенный браузер, в котором запущен сайт.
Uber выбрали гибридные приложения для себя
Особенности
Гибридные приложения можно распространять стандартными способами — например, в App Store и Google Play. Но это значит, что придётся пройти их модерацию, поэтому с правилами сторов важно познакомиться заранее. Про требования Apple мы уже рассказывали:👉 Ещё гибридные приложения дают больше возможностей для интеграции с платформой. Например, можно обойти проблемы обычных PWA с пуш-уведомлениями на iOS, о которых мы упоминали выше.Когда подойдёт
Если бизнесу нужно разработать простое приложение — например, без необходимости связываться с Bluetooth-устройствами.Стоимость и сроки
Разработка займёт столько же, сколько и PWA, но ещё нужно заложить время и деньги на релиз в магазинах приложений — минимум неделю, обычно дольше.Кроссплатформенные
Что это такое
Такие приложения — это нечто посередине между веб- и нативными приложениями. Как и в случае с PWA, нужно создать только один продукт — он будет работать и на iOS, и на Android. При этом он сможет использовать часть датчиков смартфона и особенностей конкретной ОС.Особенности
Для кроссплатформенной разработки чаще всего используют два решения — React Native и Flutter.👉 React Native — это фреймворк, адаптированный для мобильной разработки из библиотеки React. Это библиотека языка JavaScript с открытым исходным кодом. Поскольку , его знает каждый веб-разработчик, и язык продолжают обновлять.Приложения на React Native также разрабатывают на JavaScript. Встроенный во фреймворк движок преобразует описанные в языке элементы экрана в нативные. То есть пользователи увидят на экране элементы, которые визуально будут мало отличаться от нативной версии того же приложения.
Discord написали своё приложение на React Native
👉 Flutter — это фреймворк от Google, решает ту же задачу, но использует другой подход. Ключевое отличие от React Native — отказ от JavaScript в пользу языка Dart, который также создали в Google. Это современный, удобный язык программирования, однако кроме Flutter он мало где используется.Также Flutter не применяет нативные элементы для пользовательского интерфейса, как это делает React Native. Вместо этого фреймворк использует собственный движок от Google. Благодаря качеству этого движка, приложение на Flutter может оказаться плавнее и отзывчивее React Native. Хотя на современных устройствах разница может быть незаметна.
Google Pay на Flutter
Когда подойдёт
Когда нужно быстро создать приложение с простой функциональностью — например, у компании уже есть сайт, но теперь важно завести цифровой продукт на мобильных платформах. Особенно удобно, если у вас в команде у же есть специалисты со знанием JavaScript или Dart.Пример из нашей практики
Мы сделали на Flutter приложение для портала о зарубежной недвижимости Prian.ru. Там ищут квартиры и дома в аренду или для покупки. Раньше у компании был только сайт, и в нём не хватало возможностей для персонализированных коммуникаций и маркетинга. Их как раз даёт приложение: например, с ним появляется возможность отправлять пуш-уведомления.Вот ключевые функции, которые были нужны в приложении:- Система фильтров по объявлениям, как на сайте — чтобы мобильный продукт не уступал ему по возможностям.
- Раздел «Избранное», где можно сохранять объявления.
- Возможность сохранить поисковый запрос и фильтры, чтобы не настраивать поиск заново каждый раз.
Так выглядит кроссплатформенное приложение для Prian.ru
Для приложения нужен был только фронтенд — то есть интерфейс для пользователей. Приложение обращалось к тем же базам данных, что и сайт, поэтому создавать бэкенд с нуля не требовалось.Мы выбрали кроссплатформенные технологии, потому что они позволяли полностью реализовать все эти функции и сразу получить приложение, которое работает и на Andriod, и на iOS.
Стоимость и сроки
Всё зависит от требований и задачи, но кроссплатформенная разработка в любом случае будет дороже и дольше, чем PWA или гибрид. Например, проект для Prian.ru мы выполнили за 5 месяцев: спроектировали интерфейс, подготовили дизайн, разработали приложение, провели тестирование и подготовились к публикации в сторах.Над проектом работали: 2 мобильных разработчика, 2 дизайнера, дизайн-директор, тестировщик и менеджер.Нативные
Что это такое
Это приложение можно запустить только на той ОС, для которой его создали. У каждой платформы свой язык, например, приложения для iOS пишут на языке Swift, для Android — на Kotlin.
Примеры нативных приложений: слева Apple Music на iOS, справа Spotify для Android
Особенности
В нативном приложении можно получать информацию от всех датчиков смартфона, выполнять сложную работу со звуком, видео и графикой. Такие приложения могут быть более производительными, чем их кроссплатформенные версии, потому что они эффективно используют особенности железа и возможности конкретной ОС.Нативные п риложения поддерживаются по отдельности. Не удастся исправить баг или добавить новую функцию сразу в обе платформы, как было бы в кроссплатформенном случае.Когда подойдёт
Если компании нужно производительное и сложное приложение и при этом есть ресурсы, чтобы создавать его для обеих платформ сразу или нужна версия только под одну ОС. Разработка отдельных приложений предполагает, что бизнесу приходится нанять отдельные команды разработки и поддержки, а это увеличит бюджет проекта.Пример из нашей практики
Мы создали на Swift приложение для работы с ремиксами для калифорнийского стартапа Туттии. Основатели хотели получить продукт, в котором люди без опыта работы с музыкой смогут создавать и редактировать свои композиции. Например, взять вокальную дорожку Dua Lipa и положить на музыку из песни Джастина Бибера, поднять всё на несколько тональностей выше и ускорить.Вот ключевые функции, которые нужно было реализовать:- Возможность использовать оригинальные треки известных исполнителей для создания ремиксов.
- Добавление звуковых дорожек в проект и их редактирование.
- Контроль темпа, тональности и громкости звуковых дорожек в каждом ремиксе.
- Сохранение проекта, экспорт и возможность поделиться готовым аудио.
Туттии — нативное приложение для iOS
Стоимость и сроки
Всё зависит от задачи, но нативная разработка обычно в полтора–два раза дольше и дороже, чем кроссплатформенная. Например, первую версию приложения для Туттии мы закончили за 8 месяцев. Сначала провели исследование, чтобы помочь заказчикам описать идею продукта и проверить техническую реализуемость. Затем проработали дизайн, спроектировали интерфейс и разработали iOS-приложение.В проекте участвовали: 3 iOS-разработчика, бэкенд-разработчик, UI/UX-дизайнер, QA-специалист и менеджер.Нативная разработка постепенно ускоряетсяИ рано или поздно сравняется по скорости с кроссплатформенной. За последние годы как Apple, так и Google внедрили для этого множество технологий. Например, фреймворк SwiftUI в iOS и аналогичный фреймворк Jetpack Compose в Android значительно уменьшили объём кода, который нужно написать для отображения элементов приложения на экране.
Kotlin Multiplatform
Что это такое
Kotlin Multiplatform позволяет превратить нативную разработку в кроссплатформенную. С помощью КМР можно создать два отдельных нативных приложения, но с общей частью. Это работает благодаря тому, что удалось получить разрешение Apple запускать Kotlin-код из Swift — раньше такое было невозможно.
Так выглядит логика KMP
