Налаштування Environment Variables для різних оточень мобільного додатку

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

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

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

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1735 послуг
Налаштування Environment Variables для різних оточень мобільного додатку
Простий
від 1 дня до 3 днів
Часті запитання

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

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

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

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    792
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    671
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1097
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    969
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    914
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    495

Налаштування змінних середовища для розроблення мобільного додатка

Змінні середовища в мобільній розробці працюють інакше, ніж у веб-розробці. Мобільні додатки не мають доступу до process.env серверу в рантаймі. Все, що потребує знання додаток про своє оточення, має бути скомпільовано в бінарник під час збірки. Це принципово змінює підхід: замість .env файлів на сервері використовуємо build-time injection через CI та специфічні для платформи механізми.

Android: BuildConfig та manifestPlaceholders

Найпрямолінійніший спосіб на Android — використання buildConfigField у build.gradle.kts. Після компіляції AGP генерує клас BuildConfig з потрібними константами:

buildTypes {
    debug {
        buildConfigField("String", "API_KEY", "\"${System.getenv("API_KEY_DEV") ?: "fallback-dev-key"}\"")
        buildConfigField("String", "SENTRY_DSN", "\"${System.getenv("SENTRY_DSN_DEV") ?: ""}\"")
    }
    release {
        buildConfigField("String", "API_KEY", "\"${System.getenv("API_KEY_PROD") ?: ""}\"")
        buildConfigField("String", "SENTRY_DSN", "\"${System.getenv("SENTRY_DSN_PROD") ?: ""}\"")
    }
}

System.getenv() читає змінні середовища CI під час конфігурації Gradle. У Kotlin-коді звертаємося через: BuildConfig.API_KEY.

Для AndroidManifest.xml (наприклад, для Google Maps API Key) використовуємо manifestPlaceholders:

defaultConfig {
    manifestPlaceholders["MAPS_API_KEY"] = System.getenv("MAPS_API_KEY") ?: ""
}

У AndroidManifest.xml: android:value="${MAPS_API_KEY}".

iOS: xcconfig та Info.plist

На iOS змінні передаються через xcconfig-файли або прямо через аргументи xcodebuild:

xcodebuild -scheme MyApp \
  -configuration Release \
  SENTRY_DSN="$SENTRY_DSN_PROD" \
  API_KEY="$API_KEY_PROD" \
  archive ...

Додаємо ключ SENTRY_DSN зі значенням $(SENTRY_DSN) до Info.plist, потім звертаємося в коді:

let sentryDSN = Bundle.main.object(forInfoDictionaryKey: "SENTRY_DSN") as? String ?? ""

React Native: react-native-config

Пакет react-native-config дозволяє використовувати .env файли, які компілюються в нативний код:

# .env.staging
API_URL=https://api-staging.myapp.com
STRIPE_KEY=pk_test_...

# .env.production
API_URL=https://api.myapp.com
STRIPE_KEY=pk_live_...

У коді: import Config from 'react-native-config'; Config.API_URL. Для CI використовуємо плагін envfile або копіюємо потрібний .env перед збіркою: cp .env.staging .env && npx react-native run-android.

Важливо: .env.* файли з реальними ключами не повинні потрапляти в репозиторій. Тільки .env.example з шаблоном закладається в репозиторій.

Flutter: --dart-define-from-file

# config/staging.json
{
  "API_URL": "https://api-staging.myapp.com",
  "SENTRY_DSN": "https://..."
}

flutter build apk \
  --dart-define-from-file=config/staging.json \
  --flavor staging

У Dart: const apiUrl = String.fromEnvironment('API_URL');

Секрети в CI

Реальні API ключі ніколи не зберігаються в репозиторії. Користуємося GitHub Secrets для GitHub Actions, CI/CD Variables (Masked) у GitLab CI або Secrets у Bitrise. Змінні впроваджуються в оточення агента, де Gradle/xcodebuild читають їх через System.getenv().

Процес

Аудит поточних захардкодованих значень → створення структури конфігів по оточеннях → налаштування build-time injection → перенесення секретів у змінні CI → документування для команди.

Період: 1–3 дні. Вартість розраховується індивідуально.