Створення набору інструментів для міні-застосунків

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1734 послуг
Створення набору інструментів для міні-застосунків
Складний
від 2 тижнів до 3 місяців
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    745
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1161
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    1034
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    968
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    563

Створення набору інструментів для міні-застосунків

Уявіть: ваша Super App зросла до 10 млн користувачів, і ви вирішуєте відкрити платформу для сторонніх розробників. Перше, що потрібно — комплект інструментів. Помилка на цьому етапі може коштувати років: одне ламаюче змінення в базовому scroll-view здатне зупинити сотні тисяч міні-застосунків. Приклади з практики показують, що ціна виправлення може сягати мільйонів гривень. Проектування комплекту — це насамперед проектування меж інтерфейсів. Якісно створений комплект пришвидшує вихід міні-застосунків і знижує витрати на підтримку. Наші інженери з 10-річним досвідом у мобільній розробці пропонують рішення, що відповідають високим стандартам якості. Ми маємо сертифікацію ISO 27001. Залиште заявку на консультацію, щоб обговорити ваш Super App.

Компоненти комплекту для сторонніх розробників

Комплект — не одна бібліотека. Це система інструментів:

Компонент Призначення Приклад використання
Бібліотека часу виконання Надає API (геолокація, платежі, камера, мережа) navigator.geolocation.getCurrentPosition()
Інструмент командного рядка Збірка, публікація, управління версіями miniapp build --prod
Емулятор Локальне налагодження без Super App Інспектор викликів мосту
TypeScript декларації Автодоповнення та перевірка типів npm install @miniapp/types
Документація Опис усіх функцій та можливостей Документація SDK

Детальніше про кожен компонент описано в Технічній специфікації SDK. Без інструменту командного рядка та емулятора залучення зовнішніх розробників стає складним. Правильне проектування дозволяє уникнути багатьох помилок.

Покроковий план створення SDK

Крок Опис Тривалість
1. Проектування API Визначення всіх інтерфейсів та протоколу мосту 1-2 місяці
2. Розробка бібліотеки часу виконання Реалізація API з урахуванням зворотної сумісності 2 місяці
3. Створення інструменту командного рядка Автоматизація збірки та публікації 1 місяць
4. Розробка емулятора Локальне середовище для налагодження 1-2 місяці
5. Тестування та документування Написання тестів і документації 1 місяць

Як забезпечити зворотну сумісність?

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

Інструменти збірки

Збірник — Webpack 5 або Vite з власними плагінами для вилучення непотрібного коду, мініфікації та розділення модулів. Інструмент командного рядка автоматизує ініціалізацію проекту, локальну розробку з гарячою перезавантаженням, фінальну збірку та публікацію.

Емулятор та налагодження

Емулятор відтворює середовище виконання Super App на комп'ютері, надаючи інструменти розробника: інспектор викликів мосту, фіктивні дані, контроль швидкості мережі. Він покриває 90% сценаріїв, скорочуючи цикл ітерації з хвилин до секунд.

Чи можна використовувати SDK без емулятора? Так, але це ускладнює налагодження. Емулятор рекомендований для прискорення розробки.

Версіонування інтерфейсу

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

Скільки коштує створення SDK?

Вартість розробки залежить від складності та обсягу API. У середньому, створення повноцінного комплекту інструментів обходиться в 25 000–40 000 грн за один місяць роботи команди. Терміни — 4–8 місяців. Наприклад, проєкт з 20 API функціями коштував 150 000 грн. Середня економія на підтримці становить 100 000 грн на рік. Вартість включає аудит поточного стану, проектування архітектури, розробку, тестування та впровадження. Можливий помісячний план оплати. Для невеликих платформ вартість може становити від 200 000 грн, а економія від використання SDK досягає 300 000 грн за два роки.

Що входить в роботу

  • Документація API та приклади коду
  • Доступ до приватного репозиторію SDK
  • Навчання команди (2 дні)
  • Технічна підтримка протягом 6 місяців
  • Оновлення згідно з версіюванням

Наш досвід

Ми на ринку 5 років, реалізували понад 20 проектів зі створення SDK для Super App. 10+ інженерів мають сертифікати AWS та Kubernetes. Гарантуємо безперебійну роботу рішення.

MVVM, Clean Architecture, BLoC, VIPER, TCA: проєктуємо архітектуру під ключ

Додаток зібрано в одному ViewController на 2000 рядків. Мережеві виклики, бізнес-логіка, оновлення UI — все в одному місці. Додати нову фічу без регресії складно, написати тест неможливо. Це не «поганий код» — це відсутність архітектури. І це трапляється частіше, ніж можна очікувати, навіть у production-додатках з мільйоном користувачів.

Ми проєктуємо архітектуру під ключ: від вибору паттерну до повної структури проєкту з тестами та документацією. За 7–10 днів отримуєте чистий модульний код, готовий до масштабування. Ваша команда зможе додавати нові фічі без ризику зламати існуючі, а тести покриють ключову логіку вже на старті. Архітектурні паттерни в мобайлі вирішують одне завдання: відокремити UI від логіки так, щоб кожна частина була тестованою та замінною.

MVVM — базовий паттерн

Model-View-ViewModel — стандарт для iOS (SwiftUI + Combine/async, UIKit + Combine) та Android (Jetpack ViewModel + StateFlow + Compose). ViewModel містить стан UI та бізнес-логіку. View лише відображає стан і передає наміри користувача до ViewModel. Model — дані та їх джерело.

Ключове правило: ViewModel не знає про UIKit або Android View-класи. Немає імпортів UIKit, немає Context-залежностей (крім Application context через Hilt). Це гарантує тестованість: ViewModel тестується як чистий Kotlin/Swift-код без Android Instrumented Test.

MVVM закриває 70% потреб. Інші 30% — де потрібна строга ізоляція фіч, масштабування команди, складний flow управління станом.

Clean Architecture — коли MVVM недостатньо

Додає шари поверх MVVM:

Domain-шар — бізнес-логіка, незалежна від платформи. UseCase (або Interactor) містить одне бізнес-правило: GetUserOrdersUseCase, PlaceOrderUseCase. Залежить лише від інтерфейсів (protocol/interface), не від конкретних реалізацій.

Data-шар — реалізація репозиторіїв. OrderRepositoryImpl реалізує OrderRepository з domain. Знає про Retrofit, Room, UserDefaults. ViewModel не знає, звідки дані — з мережі чи кешу.

Presentation-шар — ViewModel + View. Знає про Domain, не знає про Data.

Dependency rule: залежності спрямовані лише всередину. Domain не залежить ні від чого. Data та Presentation залежать від Domain.

Presentation → Domain ← Data

Це дає можливість підміняти реалізацію: тест використовує in-memory репозиторій замість мережевого, інтерфейс залишається тим самим.

Практичне зауваження: Clean Architecture додає файли та шари. Для невеликого додатку це overhead. Виправдано від ~15 фіч та при команді 3+ розробників.

BLoC для Flutter — передбачуваний потік станів

BLoC (Business Logic Component) — стандартний паттерн у Flutter-спільноті. Бібліотека flutter_bloc реалізує його через два типи: Bloc (Event → State) та Cubit (State без Events, лише методи).

Bloc обробляє Event та емітує новий State через on<EventType> хендлери. Стан імутабельний — новий об'єкт на кожну зміну. BlocBuilder перемальовує лише ту частину дерева, де змінився state.

// Подія
alias CartEvent {}
class AddItemToCart extends CartEvent {
  final String productId;
  AddItemToCart(this.productId);
}

// Стан
alias CartState {}
class CartLoaded extends CartState {
  final List<CartItem> items;
  CartLoaded(this.items);
}

// Bloc
class CartBloc extends Bloc<CartEvent, CartState> {
  CartBloc(this._cartRepository) : super(CartLoaded([])) {
    on<AddItemToCart>(_onAddItem);
  }

  Future<void> _onAddItem(AddItemToCart event, Emitter<CartState> emit) async {
    final current = state as CartLoaded;
    final updated = await _cartRepository.addItem(event.productId);
    emit(CartLoaded(updated));
  }
}

Перевага BLoC — тестованість. blocTest з bloc_test пакету дозволяє перевірити: при такому-то Event, з таким-то початковим State, BLoC має емітувати такий-то State. Без UI, без моків для Flutter-фреймворку.

VIPER — для великих iOS-проєктів

VIPER (View, Interactor, Presenter, Entity, Router) — найбільш строгий поділ обов'язків для iOS. Кожен компонент має протокол та конкретну реалізацію.

  • View — лише UI, делегує все Presenter
  • Interactor — бізнес-логіка, робота з мережею та даними
  • Presenter — посередник між View та Interactor, форматує дані для View
  • Entity — моделі даних (чисті структури)
  • Router — навігація між модулями

Кожен модуль (екран або фіча) — окремий VIPER-модуль. Це виключає coupling між фічами та дозволяє великим командам працювати паралельно без конфліктів.

Ціна: багато файлів, багато протоколів. Шаблонний код генерується через Sourcery або кастомні Xcode-шаблони. VIPER виправданий для додатків з 10+ розробниками та 50+ екранами.

TCA (The Composable Architecture)

TCA від Point-Free — більш сучасна альтернатива VIPER для iOS/macOS. Основні концепції: State (імутабельний стан фічі), Action (всі можливі події), Reducer (State + Action → новий State + Effect), Store (зберігає State, обробляє Actions).

Scope дозволяє composable будувати великі фічі з маленьких: батьківський Reducer делегує частину State дочірньому. Кожна фіча тестується ізольовано через TestStore з точним контролем над Effects.

TCA має круту криву навчання, але дає передбачуваність, яку складно отримати іншим способом: кожна зміна стану — явний Action з конкретним джерелом.

Як обрати архітектуру мобільних додатків?

Оцінимо проєкт за 1 день — підберемо архітектуру з урахуванням розміру команди, платформи та планів зростання.

Паттерн Платформа Команда Коли обирати
MVVM iOS, Android, Flutter 1–5 Стартовий стандарт, MVP, невеликі проєкти
MVVM + Clean iOS, Android 3–10 Середні проєкти, тестованість критична
BLoC Flutter 2–8 Flutter з передбачуваним state management
VIPER iOS 5–20 Великі iOS-проєкти, модульна архітектура
TCA iOS/macOS 3–15 Сувора тестованість, Swift Concurrency

Універсальної відповіді немає. Архітектуру обирають під розмір команди, вимоги до тестованості та горизонт підтримки додатку.

Що входить у нашу роботу

Процес складається з кількох кроків:

  1. Аудит поточної архітектури (якщо додаток вже існує) — виявимо вузькі місця та регресійні зони.
  2. Проєктування модульної структури з чіткими межами шарів та правилами залежностей.
  3. Створення каркасу проєкту (Scaffold) з впровадженням DI, організації папок та налаштування лінтерів.
  4. Написання юніт-тестів для шару домену та ViewModel — мінімум 80% покриття ключових use case.
  5. Підготовка документації — архітектурні діаграми, README з правилами модифікації коду, інструкція для онбордингу нових розробників.
  6. Передача робочого репозиторію з CI-пайплайном (GitHub Actions / Bitrise), налаштованим запуском тестів та статичним аналізом.

Все це входить у вартість проєктування. Додатково — підтримка на етапі впровадження: консультації команди, code review перших pull request.

Що відбувається без архітектури

Типовий сценарій через 18 місяців без архітектури: 40% часу розробки йде на дебаг регресій. Новий розробник розбирається в коді тиждень перед тим, як зробити перший PR. Тести не пишуться, «тому що складно мокувати». Додавання нової фічі вимагає розуміння половини кодової бази.

Вибір архітектури на старті — це інвестиція з поверненням через 3–6 місяців. За нашими даними, правильно спроєктована архітектура з MVVM + Clean дає в 3 рази менше регресій порівняно з монолітним ViewController. А витрати на її впровадження окупаються за 2–3 спринти. Середня економія на усуненні дефектів після впровадження — до 40% часу, що для команди з п'яти осіб може означати понад 10 000 доларів на рік.

Згідно з рекомендаціями Apple щодо проєктування додатків, розділення обов'язків — ключовий фактор стійкості коду.

Чому варто довірити архітектуру професіоналам?

Неправильний вибір паттерну на старті веде до переписування половини коду через рік. Ми бачили десятки проєктів, де спроба заощадити на архітектурі оберталася багатомісячним рефакторингом. У нас за плечима 10+ років комерційної розробки, досвід роботи з додатками від 1 до 50 розробників, понад 100 успішно реалізованих проєктів. Ми допомагаємо уникнути типових помилок:

  • Overengineering для простого MVP (призначаємо MVVM, а не VIPER).
  • Відсутність dependency injection — підключаємо Hilt/Koin/Dagger вже на старті.
  • Ігнорування тестованості — закладаємо протоколи/інтерфейси з першого коміту.

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

Додаткова таблиця: порівняння витрат на впровадження

Паттерн Час проєктування Кількість файлів на 1 екран Час написання тестів
MVVM 2–3 дні 5–7 1 день
MVVM + Clean 4–5 днів 10–12 2 дні
BLoC 3–4 дні 6–8 1.5 дня
VIPER 5–7 днів 12–15 2.5 дня
TCA 5–6 днів 8–10 2 дні

Час вказано для команди з 2–3 розробників. З нашим шаблоном (generator) стартовий каркас готовий за 1 день незалежно від обраного паттерну.