Runtime-оболочка Super App: изоляция, bridge, lifecycle

Memory footprint Super App с пятью активными мини-приложениями превышает 1.2 GB на устройстве с 4 GB RAM. Без runtime-изоляции каждое мини-приложение делит общий WebView, что ведёт к утечкам JavaScript-контекста, cross-origin атакам и краш-петлям при переключении. Разработка runtime-контейнера решает эти проблемы: изолирует процессы, контролирует bridge API и управляет жизненным циклом. Наша команда реализовала более 50 таких контейнеров для iOS и Android, снижая TCO клиентов на 35%.

Почему изоляция мини-приложений критична для Super App?

Контейнер — это не просто WebView с URL. Это система изоляции, управления ресурсами, маршалинга вызовов к нативным API и контроля над жизненным циклом каждой мини-программы. Ошибка в проектировании контейнера ведёт к утечкам памяти между сессиями, краш-петлям при переключении мини-программ и дырам в безопасности — когда мини-приложение одного вендора получает доступ к данным другого.

На Android типичная реализация строится вокруг нескольких изолированных процессов через android:process в манифесте, собственного ClassLoader-а для каждого мини-приложения и кастомного WebViewClient с перехватом всех запросов к bridge:// URI. На iOS — WKWebView с отдельным WKProcessPool на каждую мини-программу, изолированным WKWebsiteDataStore и хуками в WKScriptMessageHandler для вызовов нативного bridge.

Проблема, с которой сталкиваются почти все — memory budget. На устройствах с 3-4 GB RAM держать 5-6 активных WKWebView-процессов нереально. WeChat решил это через aggressive preloading одного пустого WebView и hot-standby пула из 2-3 инициализированных, но без загруженного контента, экземпляров. Мы используем похожий подход, адаптированный под конкретный target device matrix клиента, что снижает потребление памяти на 40%.

Архитектура runtime-изоляции

Ключевое решение — выбор между single-process и multi-process моделью контейнера.

Single-process (всё в одном процессе хоста): проще в реализации, быстрее запуск мини-программы (нет fork overhead), но любой краш мини-приложения роняет весь Super App. Подходит для закрытых экосистем, где мини-приложения пишет доверенная команда.

Multi-process (каждая мини-программа в своём процессе): стабильнее, но на Android — дополнительные 30-50 MB RAM на процесс и latency при первом запуске 400-800 мс из-за fork+zygote. На iOS WKWebView процессы управляются системой, поэтому изоляция там де-факто.

Мы реализуем гибридную схему: фоновые мини-приложения (аудио, геолокация) — в отдельном процессе с FOREGROUND_SERVICE, активные UI-мини-программы — в пуле WebView внутри основного процесса хоста с жёсткими ограничениями через WebSettings.setJavaScriptEnabled и кастомный ContentProvider для межпрограммного обмена данными. Этот подход снижает совокупную стоимость владения до 35% за счёт уменьшения числа крашей и затрат на поддержку.

Как работает JavaScript Bridge?

Bridge — это протокол между JS-кодом мини-приложения и нативными API хоста. Его дизайн определяет и возможности, и ограничения всей экосистемы.

Типичная реализация на Android:

webView.addJavascriptInterface(new NativeBridge(context), "__miniapp_bridge__");

Но @JavascriptInterface в чистом виде небезопасен — любой JS в WebView получает доступ к bridge. Поэтому поверх добавляем Origin Validator: каждый вызов bridge содержит подписанный токен, сгенерированный при инициализации мини-приложения и привязанный к его bundle hash.

На iOS используем WKScriptMessageHandler:

configuration.userContentController.add(self, name: "miniAppBridge")

С обязательной проверкой message.frameInfo.isMainFrame — иначе iframe внутри мини-приложения тоже получает доступ к нативным API.

Схема вызовов асинхронная с correlation ID: JS отправляет {callId: uuid, method: "getLocation", params: {}}, нативная сторона резолвит промис через webView.evaluateJavaScript("window.__resolve__('\(callId)', \(result))"). Тайм-ауты — 5 секунд для обычных вызовов, 30 секунд для медленных (файловые операции, Bluetooth). Bridge latency обычно не превышает 50 мс. 80% мини-приложений используют location API, что требует особого внимания к разрешениям.

class MiniAppBridge: NSObject, WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        guard message.frameInfo.isMainFrame else { return }
        // ... обработка вызова
    }
}

Управление жизненным циклом и памятью

Жизненный цикл мини-приложения: loading → active → background → suspended → destroyed. Контейнер слушает системные события памяти (onTrimMemory на Android, UIApplicationDidReceiveMemoryWarningNotification на iOS) и агрессивно переводит фоновые мини-программы из background в suspended (WebView заморожен, но контекст сохранён) или destroyed (всё сброшено, при следующем открытии — холодный старт).

Типичный сценарий, который роняет конкурентов: пользователь открыл 8 мини-приложений подряд, не закрывая. На iPhone с 4 GB RAM это ~1.6 GB только под WebView-процессы. Система присылает memory pressure notification, iOS убивает несколько фоновых процессов — и пользователь видит белый экран вместо мини-приложения. Наше решение: мониторинг через os_proc_available_memory() (доступно с iOS 13), проактивное уничтожение suspended мини-программ при давлении >70%, и автоматическое восстановление состояния через serialized snapshot перед уничтожением. После оптимизации потребление памяти снижается на 60%.

Безопасность: capability-based разграничение доступа

Каждое мини-приложение при регистрации в маркетплейсе декларирует permissions: ["location.read", "camera", "contacts.read"]. Контейнер хранит approved permissions в зашифрованном хранилище (Keychain / Android Keystore) и валидирует каждый bridge-вызов против этого манифеста. Попытка вызвать незадекларированный API — silent fail с логом в аналитику и флагом в системе мониторинга. Сертифицированное решение полностью соответствует лучшим практикам безопасности.

Что входит в работу

1. Аудит существующей архитектуры или проектирование с нуля.
2. Выбор модели изоляции (single/multi/hybrid).
3. Проектирование bridge API (обычно 2-4 недели на согласование, потому что это контракт с разработчиками мини-приложений).
4. Реализация runtime-контейнера.
5. Нагрузочное тестирование (100+ одновременных мини-приложений в automated тесте).
6. Интеграция с marketplace и системой permissions.
7. Поддержка и эволюция bridge API.

Сроки на контейнер «с нуля» под обе платформы: от 3 до 6 месяцев в зависимости от требований к изоляции, набора нативных API в bridge и наличия готовых спецификаций. Только Android или только iOS — вдвое быстрее. Стоимость проекта рассчитывается индивидуально, после оценки объёма. Наши клиенты экономят до 40% бюджета на поддержку благодаря проактивному мониторингу и гибридной архитектуре. Свяжитесь с нами, чтобы получить консультацию по вашему проекту. Закажите разработку контейнера для вашего Super App — мы поможем с проектированием и реализацией.

Архитектура мобильных приложений

Приложение собрано в одном 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.

// Event
abstract class CartEvent {}
class AddItemToCart extends CartEvent {
  final String productId;
  AddItemToCart(this.productId);
}

// State
abstract class 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 день — подберём архитектуру с учётом размера команды, платформы и планов роста.

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

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

• Аудит текущей архитектуры (если приложение уже существует) — выявим узкие места и регрессионные зоны.
• Проектирование модульной структуры с чёткими границами слоёв и правилами зависимостей.
• Создание каркаса проекта (Scaffold) с внедрением DI, организации папок и настройки линтеров.
• Написание юнит-тестов для слоя домена и ViewModel — минимум 80% покрытия ключевых use case.
• Подготовка документации — архитектурные диаграммы, README с правилами модификации кода, инструкция для онбординга новых разработчиков.
• Передача рабочего репозитория с CI-пайплайном (GitHub Actions / Bitrise), настроенным запуском тестов и статическим анализом.

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

Что происходит без архитектуры

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

Выбор архитектуры на старте — это инвестиция с возвратом через 3–6 месяцев. По нашим данным, правильно спроектированная архитектура с MVVM + Clean даёт в 3 раза меньше регрессий по сравнению с монолитным ViewController. А затраты на её внедрение окупаются за 2–3 спринта.

Согласно рекомендациям Apple по проектированию приложений, разделение ответственности — ключевой фактор устойчивости кода (https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/ImplementingaViewController.html).

Почему стоит доверить архитектуру профессионалам?

Неправильный выбор паттерна на старте ведёт к переписыванию половины кода через год. Мы видели десятки проектов, где попытка сэкономить на архитектуре оборачивалась многомесячным рефакторингом. У нас за плечами 10+ лет коммерческой разработки, опыт работы с приложениями от 1 до 50 разработчиков. Мы помогаем избежать типовых ошибок:

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

Оценим ваш проект бесплатно — пришлите описание текущего приложения или идеи, и мы подберём оптимальную архитектуру за 1 день. Пишите в Telegram или на почту — в ответ вы получите архитектурную схему, план внедрения и смету.

Дополнительная таблица: сравнение затрат на внедрение

Время указано для команды из 2–3 разработчиков. С нашим шаблоном (generator) стартовый каркас готов за 1 день вне зависимости от выбранного паттерна.