Мобільні додатки

Кросплатформна розробка додатків

Розробляємо кросплатформні додатки на Flutter і React Native: з одного коду отримуємо додатки для iOS та Android. Зазвичай це дешевше й швидше, ніж два нативні додатки. Беремо на себе дизайн, програмування та публікацію в App Store і Google Play.

Обговорити задачу Проєкти

Як ведемо розробку на Flutter і React Native

Дизайн для двох платформ
Спільний код і нативні модулі
Підключення до сайту й сервера
Тестування на iOS та Android
Публікація у двох магазинах

2015рік заснування

100+реалізованих проєктів

6 роківсередня тривалість співпраці з клієнтом

≤1 годчас відповіді клієнтам на технічній підтримці в робочий час

150+сайтів, відновлених після зламу

Що таке кросплатформна розробка

Кросплатформна розробка — це створення додатку для iOS та Android на спільній кодовій базі, а не двох окремих додатків, як у нативній розробці. З одного проєкту збирають версії для обох систем, а доступ до камери, геолокації, push-сповіщень та інших функцій смартфона дають готові плагіни або нативні модулі на Swift і Kotlin. Кросплатформні додатки розробляємо на Flutter і React Native.

Переваги та обмеження

Кросплатформна розробка підходить для інтернет-магазинів, сервісів доставки, онлайн-запису, програм лояльності, особистих кабінетів клієнтів та інших сервісів.

Переваги

спільний код для iOS та Android, тому розробка зазвичай дешевша й швидша, ніж створення двох нативних додатків;
версії для iPhone та Android-смартфонів можна випустити одночасно й з однаковими функціями;
виправлення та нові функції вносимо в спільний код, тому після оновлення в App Store і Google Play зміни з'являються в обох версіях;
камеру, геолокацію та push-сповіщення підключаємо через готові модулі, спільні для iOS та Android.

Обмеження

Якщо для функції смартфона немає готового модуля, її програмуємо окремо для iOS і для Android. Найчастіше так буває з віджетами на екрані смартфона, новими можливостями iOS та Android одразу після їхнього виходу й підключенням спеціального обладнання.

Коли потрібна нативна розробка

Нативну розробку для iOS або для Android пропонуємо, якщо додаток:

обробляє відео з камери в реальному часі, наприклад накладає фільтри або розпізнає об'єкти;
показує складну 3D-графіку або анімацію;
підключається до платіжних терміналів, сканерів чи іншого обладнання через бібліотеки виробника;
має постійно працювати в згорнутому вигляді, наприклад вести трек тренування;
потрібен лише для однієї платформи.

Flutter чи React Native

Обидві технології підходять для більшості додатків, але по-різному будують інтерфейс. Яку обрати, пропонуємо після брифу: це залежить від дизайну та функцій додатку, а також від того, на чому зроблено ваш сайт.

Розробка на Flutter

Flutter — технологія Google з відкритим кодом, додатки на ній пишуть мовою Dart. Flutter будує інтерфейс із власних елементів, а не зі стандартних компонентів iOS та Android, тому додаток виглядає однаково на обох платформах. Flutter пропонуємо, якщо потрібен нестандартний дизайн у стилі бренду або складна анімація.

Розробка на React Native

React Native — технологія Meta з відкритим кодом, додатки на ній пишуть на JavaScript або TypeScript. React Native використовує стандартні елементи інтерфейсу iOS та Android, тому кнопки, прокручування й поля введення поводяться звично для власників iPhone та Android-смартфонів. React Native пропонуємо, якщо важливий звичний для кожної платформи інтерфейс або ваш сайт зроблено на React (бібліотеці для вебінтерфейсів): частину коду сайту, наприклад обмін даними із сервером, можна використати в додатку.

Як ведемо розробку на Flutter і React Native

Кросплатформний додаток проєктуємо, програмуємо, тестуємо й публікуємо для iOS та Android.

Дизайн для двох платформ

Створюємо один дизайн додатку в стилі вашого бренду: прототип і макети екранів, спільні для iPhone та Android-смартфонів, тому додаток виглядає однаково на обох платформах.

Спільний код і нативні модулі

Додаток програмуємо на Flutter або React Native: з одного коду отримуємо версії для iOS та Android. Якщо для функції смартфона немає готового модуля, цю функцію дописуємо на Swift для iPhone і на Kotlin для Android.

Підключення до сайту й сервера

Якщо у вас є сайт, додаток отримує дані через його API. Коли API немає, додаємо його на сайт. Якщо сайту немає або його неможливо доопрацювати, розробляємо серверну частину на Laravel або Django для зберігання вмісту додатку, керування ним та обміну даними з вашими внутрішніми системами або сервісами.

Тестування на iOS та Android

Кожну версію тестуємо на кількох моделях iPhone та Android-смартфонів з різними розмірами екрана й версіями системи: перевіряємо екрани, оплату, push-сповіщення, камеру та геолокацію. До публікації ви встановлюєте тестові версії на свої смартфони через TestFlight і закрите тестування Google Play.

Публікація у двох магазинах

Випускаємо додаток в App Store і Google Play на ваших акаунтах розробника та супроводжуємо перевірку Apple і Google.

Вартість кросплатформної розробки

Вартість кросплатформного додатку залежить від обсягу робіт. Крім загальних чинників зі сторінки про розробку мобільних додатків, для кросплатформного додатку важливі:

Одна чи обидві платформи на старті. Під кожну платформу додаток доопрацьовуємо з урахуванням її особливостей і правил магазину, тестуємо на смартфонах цієї платформи й публікуємо в App Store або Google Play, тому запуск одразу на iOS та Android збільшує обсяг робіт

Інтерфейс під кожну платформу. Якщо екрани на iOS та Android мають виглядати за правилами своєї платформи, а не за спільним дизайном, частину елементів проєктуємо й програмуємо у двох варіантах, тому обсяг робіт зростає

Функції без готових модулів. Кожну таку функцію програмуємо й тестуємо окремо для iOS і для Android, тому обсяг робіт зростає

Версія для планшетів. На великому екрані елементи розташовуються інакше, тому екрани для iPad та Android-планшетів додатково проєктуємо, програмуємо й тестуємо

Перенесення чинного додатку. Якщо додаток уже працює на Swift або Kotlin, його екрани й логіку створюємо заново на Flutter або React Native, тому обсяг робіт залежить від розміру чинного додатку

Попередню вартість називаємо після брифу.

Обговорити задачу

Питання про кросплатформну розробку

01Чим кросплатформний додаток відрізняється від гібридного?

Гібридний додаток — це вебсторінки всередині програми-оболонки (WebView), яку встановлюють з App Store і Google Play. Додатки на Flutter і React Native будують інтерфейс без вебсторінок, тому зазвичай працюють швидше й плавніше. Такі додатки теж іноді називають гібридними, але правильно — кросплатформними.

02Наскільки кросплатформний додаток дешевший за два нативні?

Дешевше коштує програмування: екрани й функції пишуть в одному коді для iOS та Android, а не у двох різних. Прототип, дизайн, серверна частина й тестування потрібні в обох випадках, тому загальна економія менша, ніж на програмуванні. Різницю для вашого проєкту розраховуємо після брифу.

03Чи можна опублікувати додаток спочатку лише в App Store або лише в Google Play?

Так. Зі спільного коду можна випустити спочатку одну версію, а другу — пізніше. Для неї здебільшого залишаться тестування та публікація. Якщо в додатку є функції без готових модулів, їх програмуємо для другої платформи окремо.

04Чи можна доопрацювати додаток на Flutter або React Native, який робила інша команда?

Так. Знадобляться вихідний код додатку й доступ до ваших акаунтів розробника в App Store і Google Play. Якщо доопрацьовуємо й серверну частину, потрібен її код. Вивчаємо код і пропонуємо, що вигідніше: доопрацювати поточну версію, переписати окремі частини або розробити додаток заново.

05Чи можна згодом перейти на нативну розробку?

Так. Додатки для iOS та Android програмуємо заново, а серверну частину й API залишаємо ті самі. Дизайн за потреби адаптуємо під настанови Apple і Google щодо інтерфейсів.

06Чи можна перевести наш нативний додаток на Flutter або React Native?

Так. Вивчаємо код вашого додатку й пропонуємо план переходу. Нову версію на Flutter або React Native випускаємо як оновлення того самого додатку в App Store і Google Play, тому оцінки й відгуки зберігаються. Знадобиться доступ до ваших акаунтів розробника.

07Скільки часу триває кросплатформна розробка?

Тривалість залежить від тих самих чинників, що й вартість, від швидкості погодження етапів з вами та від перевірки Apple і Google. Строк нашої роботи називаємо разом з оцінкою вартості. Щоб додаток з’явився в магазинах раніше, пропонуємо спочатку випустити версію лише з основними функціями, а решту додавати в оновленнях.

08Чи є техпідтримка після запуску?

Так. Забезпечуємо техпідтримку після запуску: реагуємо на звернення протягом години, а критичні збої усуваємо й у неробочий час, якщо це входить у тариф. Оновлюємо Flutter або React Native та сторонні модулі під нові версії iOS та Android і правила App Store і Google Play, виправляємо помилки й розвиваємо функції. Докладніше — «техпідтримка мобільних додатків».

Замовити кросплатформний додаток

Чому RIVERIT довіряють кросплатформну розробку:

Понад 100 проєктів з 2015 року

Серед них сайти, портали та мобільні додатки для бізнесу

Flutter і React Native в одній команді

Розробляємо на обох технологіях, тому пропонуємо ту, яка краще підходить для дизайну та функцій вашого додатку. Серверну частину за потреби робимо на Laravel або Django

Заглиблення в бізнес клієнта

Вивчаємо ринок, бізнес-процеси й конкурентів і будуємо шлях користувача, щоб кросплатформний додаток приносив прибуток

Кероване ШІ-виробництво

Архітектуру задає фреймворк, а кожну зміну перевіряють тести

Зв'язка із сайтом і сервером

Супроводжуємо сайти й адмініструємо сервери, тому додаток на Flutter або React Native працює з ними як одна система

Менеджер на проєкті

За хід робіт і погодження етапів з вами відповідає виділений менеджер

Щоб замовити кросплатформний додаток або доопрацювання чинного, опишіть задачу у формі нижче. Після брифу порекомендуємо Flutter, React Native або нативну розробку. Для чинного додатку запропонуємо план доопрацювань.

Обговорити задачу

Послуги напряму