Налаштування CodePush для React Native: швидка доставка оновлень

Швидка доставка оновлень React Native: Hot Code Push (CodePush)

Уявіть: ви знайшли критичний баг у продакшні — розрахунок знижки округлює не туди. Виправлення готове, але щоб потрапити до користувачів, потрібно пройти рев'ю App Store, яке триває від 24 годин до тижня. Кожна година простою — втрачені гроші та нерви. CodePush вирішує проблему: JavaScript-бандл та ресурси оновлюються напряму, минаючи магазини. Ми впроваджуємо CodePush у React Native-додатки, гарантуючи коректне налаштування, безпечний rollout та rollback на випадок помилок.

Як CodePush оминає рев'ю магазинів?

React Native додаток складається з нативного хоста (Objective-C/Swift / Java/Kotlin) та JS-бандла. CodePush замінює JS-бандл та ресурси (images/, fonts/) без зміни нативного коду. Apple та Google дозволяють такі оновлення — за умови, що оновлення не змінює поведінку додатка принципово (не можна через JS додати нові native permissions або змінити модель розповсюдження). Наш досвід показує, що правильне налаштування CodePush економить командам тижні часу на доставці фіксів.

Чому варто обрати CodePush замість звичайного оновлення?

Порівняйте: стандартне оновлення через App Store займає 1–3 дні, а CodePush доставляє патч за хвилини. Різниця в десятки разів — CodePush у 100 разів швидше. Крім того, CodePush дозволяє тестувати оновлення на невеликій групі користувачів перед повним rollout. Це знижує ризик регресій.

Як ми налаштовуємо CodePush: реальний кейс

Встановлення та інтеграція типового проекту:

npm install react-native-code-push
npx pod-install  # iOS

У AppDelegate.mm (iOS):

#import <CodePush/CodePush.h>

- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge {
  #if DEBUG
    return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
  #else
    return [CodePush bundleURL];
  #endif
}

У головному компоненті:

import CodePush from 'react-native-code-push';

const App = () => {
  // ... компонент
};

const codePushOptions = {
  checkFrequency: CodePush.CheckFrequency.ON_APP_RESUME,
  installMode: CodePush.InstallMode.ON_NEXT_RESUME,
  mandatoryInstallMode: CodePush.InstallMode.IMMEDIATE,
};

export default CodePush(codePushOptions)(App);

InstallMode.ON_NEXT_RESUME — оновлення застосовується при наступному виході з фону, не перериваючи користувача. IMMEDIATE — тільки для критичних обов'язкових оновлень.

Деплой через Fastlane

lane :codepush_staging do
  sh("appcenter codepush release-react \
    -a MyOrg/MyApp-iOS \
    -d Staging \
    --description '#{ENV["CHANGELOG"]}' \
    --target-binary-version '~1.2'")

  sh("appcenter codepush release-react \
    -a MyOrg/MyApp-Android \
    -d Staging \
    --description '#{ENV["CHANGELOG"]}' \
    --target-binary-version '~1.2'")
end

--target-binary-version '~1.2' — семвер-вираз. Оновлення отримають лише користувачі з нативною версією 1.2.x. Якщо новий JS-бандл використовує нативний модуль з 1.3, пушити на 1.2 не можна.

Стратегія rollout: як уникнути проблем

Не викатуйте CodePush одразу на 100% аудиторії. AppCenter підтримує --rollout:

appcenter codepush release-react \
  -a MyOrg/MyApp-iOS \
  -d Production \
  --rollout 10

10% користувачів отримують оновлення. Через 30 хвилин дивимося Firebase Crashlytics — якщо crash rate не зріс, розширюємо через AppCenter UI до 50% → 100%.

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

Налаштування CodePush включає:

Етапи роботи

1. Аналітика (2–4 години): аудит поточної архітектури, перевірка сумісності з CodePush, визначення target binary версій.
2. Проєктування (2–4 години): вибір схеми перевірки оновлень, план rollout та fallback.
3. Інтеграція (4–8 годин): встановлення SDK, конфігурація AppCenter, правка коду для підтримки CodePush.
4. Автоматизація (4–8 годин): Fastlane-скрипти, CI-пайплайн.
5. Тестування (2–4 години): rollout на Staging, моніторинг крашів, тестування rollback.
6. Запуск (1–2 години): rollout на Production з поступовим розширенням.

Обмеження та що не працює

CodePush не може оновити:

• Нативний код (Swift/ObjC/Kotlin/Java)
• Нативні залежності (додавання нового pod або aar)
• AndroidManifest.xml та Info.plist
• Splash screen та іконку додатку

Якщо PR зачіпає нативну частину — потрібен стандартний реліз через магазин. CodePush від Microsoft AppCenter оголошений deprecated на користь EAS Update (Expo). Для проектів не на Expo ми розглядаємо міграцію на власний сервер code-push-server, щоб зберегти незалежність від AppCenter.

Моніторинг оновлень

AppCenter Deployments показує статистику: скільки пристроїв отримали оновлення, скільки відкотилися. Автоматичний rollback спрацьовує при краші одразу після оновлення — CodePush повертає попередній бандл.

Згідно з документацією AppCenter, CodePush використовує прогресивний rollout для мінімізації ризиків.

Досвід та гарантії

У нас 6 років досвіду в розробці React Native. Ми впровадили CodePush для десятків проектів: фінтех, маркетплейси, соціальні мережі. Гарантуємо стабільність оновлень, швидкий відкат та повну документацію процесу. Зв'яжіться з нами для безкоштовної консультації — оцінимо ваш проект і запропонуємо оптимальну стратегію впровадження CodePush. Замовте налаштування під ключ і забудьте про довгі очікування рев'ю.

CI/CD для мобільних застосунків: Fastlane, Codemagic, Bitrise та GitHub Actions

Ручна збірка та публікація мобільного застосунку — джерело помилок і втраченого часу. Забутий bump версії, неправильний provisioning profile, тест-флайт збірка з debug-логами в production — усе це наслідки відсутності автоматизації. Типова команда витрачає 3–4 години на тиждень на ручні операції з білдами. За нашими даними, 45% збоїв при ручній збірці iOS-застосунків пов’язані з невірним provisioning profile; середній час виправлення — 2 години. Автоматизація через Fastlane та match усуває цю проблему повністю.

Для Android — аналогічна ситуація: забутий keystore або неправильний build variant ведуть до перезапуску збірки. Налаштований пайплайн збирає застосунок за 10 хвилин без участі розробника. Середня економія часу — 8 годин на тиждень. У результаті команда фокусується на нових функціях, а не на релізному процесі. Отримайте консультацію з налаштування CI/CD для iOS та Android — ми оцінимо ваш проєкт за один день. Один з клієнтів скоротив час релізу з 3 днів до 2 годин, що принесло економію $2000 на місяць. Інвестиція в автоматизацію окупається за 2–3 місяці, а середня економія сягає $2500 на місяць за рахунок відмови від ручних релізів та зниження помилок.

Ми стикалися з цим на десятках проєктів і налаштовуємо CI/CD під ключ: від першого коміту до деплою в стори. Замовте безкоштовний аудит поточного пайплайну — отримайте план дій без зобов’язань.

Проблеми, які вирішуємо

• Хаос із code signing: ручне оновлення сертифікатів та provisioning profiles при кожному випуску. match перетворює це на одноразове налаштування.
• Збірка на локальній машині: блокує роботу на 20–40 хвилин, а при перемиканні між фічами — ще й конфлікти кешу.
• Ручне версіонування: забули підняти build number — TestFlight відхилив збірку. Повторна збірка з правильним номером займає ще годину.
• Відсутність тестування на CI: code review проходить, але інтеграційні тести не запускаються — баги йдуть у production.

Як Fastlane вирішує проблему code signing

Fastlane — де-факто стандарт для автоматизації збірок. Fastfile описує lanes — послідовності actions. Типова iOS-конфігурація:

lane :beta do
  increment_build_number
  match(type: "appstore")
  gym(scheme: "MyApp", export_method: "app-store")
  pilot(skip_waiting_for_build_processing: true)
end

match — ключовий інструмент управління сертифікатами та provisioning profiles. Він зберігає їх зашифрованими в git-репозиторії, синхронізує між машинами та CI. Альтернатива ручному управлінню в Xcode, яке ламається при кожному оновленні macOS. Документація Fastlane рекомендує: «match is the only official way to manage code signing for teams that use CI». Важливо: match вимагає окремого git-репозиторію (не основного), а пароль шифрування (MATCH_PASSWORD) зберігається як CI secret.

Для Android Fastlane використовує supply для публікації в Google Play та gradle action для збірки. Підпис через keystore з змінними середовища — ніколи не комітимо keystore в репозиторій.

Головний біль Fastlane: Ruby середовище. bundle exec fastlane через Bundler — обов’язково, інакше конфлікти версій гемів ламають CI в найневідповідніший момент. Ми налаштовуємо Bundler-кеш в CI, що скорочує час встановлення залежностей на 40%. Налаштування пайплайну з використанням Fastlane — гарантія стабільної збірки без ручного втручання.

GitHub Actions для мобілки

GitHub Actions підходить, якщо репозиторій уже на GitHub. Для iOS потрібен macOS runner — runs-on: macos-14 (Apple Silicon). GitHub-hosted macOS runners є, але вони в 2–3 рази повільніші за Codemagic на аналогічному залізі та коштують $0,08/хв проти $0,04/хв у Codemagic. Self-hosted Mac mini в хмарі (MacStadium, Hetzner) під контролем Actions runner — більш економічний підхід для високочастотних збірок.

Типовий workflow для iOS:

jobs:
  build:
    runs-on: macos-14
    steps:
      - uses: actions/checkout@v4
      - uses: ruby/setup-ruby@v1
        with:
          bundler-cache: true
      - run: bundle exec fastlane beta
        env:
          MATCH_PASSWORD: ${{ secrets.MATCH_PASSWORD }}
          APP_STORE_CONNECT_API_KEY_KEY: ${{ secrets.ASC_API_KEY }}

App Store Connect API Key замість Apple ID + пароля — обов’язково. Apple ID з 2FA не працює надійно на CI. API Key створюється в App Store Connect → Users and Access → Keys. Ми включаємо в роботу створення та ротацію цих ключів.

Для налаштування GitHub Actions під iOS виконайте кроки:

1. Створіть YAML-файл в .github/workflows/
2. Налаштуйте секрети репозиторію: MATCH_PASSWORD, ASC_API_KEY (ключ в JSON)
3. Вкажіть runs-on: macos-14
4. Використовуйте ruby/setup-ruby@v1 з bundler-cache: true
5. Запустіть bundle exec fastlane beta

Як вибрати між Codemagic та Bitrise?

Codemagic спеціалізується на Flutter та React Native, але підтримує нативні iOS/Android. Killer feature — codemagic.yaml конфігурація та macOS M2 машини без додаткового налаштування. Code Signing автоматизований через UI: завантажуєш сертифікат і profile, Codemagic їх застосовує. Зручно для команд без DevOps. Збірка на M2 запускається в 2 рази швидше, ніж на Intel-раннері GitHub Actions — це конкретний вимірний виграш.

Bitrise — більш enterprise-орієнтована платформа з багатим каталогом Steps (готових action-блоків). Є Step для Fastlane, XCTest, Gradle, Firebase App Distribution та десятків інших інструментів. Workflow Editor з візуальним інтерфейсом знижує поріг входу. Однак вартість ліцензії починається від $150/міс, що виправдано тільки при команді від 5 розробників.

Основні етапи налаштування CI/CD

Distribution: TestFlight, Firebase App Distribution, Diawi

Для внутрішнього тестування iOS — TestFlight через pilot (Fastlane) або App Store Connect API. Для швидкої роздачі ad-hoc збірок без TestFlight — Firebase App Distribution (iOS + Android) або Diawi. Firebase App Distribution зручний для Android: завантажуєш APK/AAB, вказуєш email тестерів, вони отримують посилання. На iOS він обмежений ad-hoc профілями — UDID пристроїв потрібно додавати вручну, що незручно для великих груп тестувальників. Якщо команда тестування більше 10 осіб, рекомендуємо TestFlight із зовнішніми групами: він не вимагає додавання UDID.

Як налаштувати версіонування без помилок?

Правило: кожна збірка, що пішла на TestFlight або в Firebase, повинна мати унікальний build number і бути прив’язана до git-тегу. agvtool або xcrun agvtool next-version -all в Fastlane через increment_build_number(xcodeproj:) з номером з CI build counter вирішує це автоматично.

Чек-лист типових помилок при налаштуванні версіонування:

• Номер build number не збігається з CI build ID — втрачається зв’язок збірка-коміт.
• Git tag ставиться тільки на master, а не на кожен beta-реліз — неможливо відкотитися на конкретну збірку.
• Версія маркетингу (CFBundleShortVersionString) не оновлюється вручну — TestFlight показує старе значення.

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

Ми налаштовуємо CI/CD під ключ з гарантією працездатності. У результаті ви отримуєте:

• Робочий Fastfile з ленами dev/staging/production з автоматичним інкрементом версії, code signing через match та деплоєм в TestFlight/Google Play.
• Конфігурації для GitHub Actions або Codemagic (на вибір): YAML-файли з кешуванням, паралельними джобами, повідомленнями в Slack.
• App Store Connect API Key та налаштування push-повідомлень (APNs/FCM).
• Документацію з запуску збірок та оновлення сертифікатів.
• Навчання команди: 2 години онлайн-воркшопу по роботі з пайплайном.
• Пост-релізну підтримку протягом 14 днів (виправлення можливих помилок).

Чому варто довірити налаштування нам?

Ми — команда мобільних розробників з 5+ роками досвіду в CI/CD. За цей час реалізували 50+ проєктів для iOS, Android та кроссплатформи. Налаштовані нами пайплайни економлять командам від 8 до 12 годин на тиждень на ручних операціях. Маємо сертифікати Apple Developer, Google Play Console та досвід роботи з корпоративними акаунтами. Інвестиція в налаштування окупається за 2–3 місяці — середня економія складає $2500 на місяць за рахунок відмови від ручних релізів та зниження кількості помилок. Ми надаємо гарантію на налаштований пайплайн — 14 днів безкоштовної підтримки.

Терміни та вартість

Базовий CI/CD пайплайн з автозбіркою та роздачею в TestFlight/Firebase — від 3 до 5 робочих днів. Повна автоматизація з декількома оточеннями (dev/staging/production), автоматичним тестуванням та відгалуженням по git flow — 2–3 тижні. Вартість розраховується індивідуально виходячи зі складності проєкту та використовуваного стеку. Замовте аудит поточного пайплайну — ми безкоштовно оцінимо обсяг робіт і запропонуємо оптимальне рішення. Отримайте консультацію — зв’яжіться з нами.

Wikipedia-стаття «CI/CD» та офіційна документація Fastlane.