React Native Note
  • React Native Note
  • Start
    • Environment On Mac
    • New Project and Run
    • IDE and Project Structure
    • Debug
  • Basic
    • Component (組件)
    • props and state
    • 基礎元件
    • Flexbox
    • FlatList
    • ListView
    • .SectionList
  • BASIC II
    • Import Library
    • Fetch
    • Native Module - iOS
    • Native Module - Android
    • EventEimtter - iOS
      • iOS static
    • Generating Signed APK - Android
    • Generating Signed IPA - iOS
    • Other
  • Advanced
    • Redux
      • Practice
    • Handling different environments
      • Practice
  • TEST
    • Jest
      • snapShot Testing
        • change code
      • function and state testing
      • identify element
      • test API with mock function
    • test props - Enzyme
  • MORE
    • Running On Real Device - iOS
    • Toast
    • Js Bundle時的白畫面（白屏）
  • TOOLS
    • Visual Studio Code
    • Debugging React Native
    • Atom's shortcuts
    • Command Line
      • Emulator For Android
  • Other
    • Using Webview as full wrapper in RN
    • Expo vs RN CLI
    • Use Android Emulator in VMware
Powered by GitBook
On this page
  • 使用 React-Native-Config 此Library
  • 設定步驟參考 Setup部分
  • 使用的方式 參考 Usage部分（下方只貼上RN內的使用方式）
  • 執行（下方只貼上RN內的使用方式）
  • 參考
  1. Advanced

Handling different environments

根據環境(pro、stage、dev...)而配置環境參數

PreviousPracticeNextPractice

Last updated 6 years ago

使用 React-Native-Config 此Library

設定步驟參考 Setup部分

使用的方式 參考 Usage部分（下方只貼上RN內的使用方式）

RN

在RN專案下創建新檔案 .env

API_URL=https://myapi.com
GOOGLE_MAPS_API_KEY=abcdefgh

獲取定義的參數

import Config from 'react-native-config'

Config.API_URL  // 'https://myapi.com'
Config.GOOGLE_MAPS_API_KEY  // 'abcdefgh'

Keep in mind this module doesn't obfuscate or encrypt secrets for packaging, so do not store sensitive keys in .env. It's basically impossible to prevent users from reverse engineering mobile app secrets, so design your app (and APIs) with that in mind.

執行（下方只貼上RN內的使用方式）

將不同的環境變數設定寫在各個檔案內: .env.stage 、 .env.dev

react-native-config 預設是讀取 .env ，但當在build或者release app時可以更改

$ ENVFILE=.env.staging react-native run-ios           # bash
$ SET ENVFILE='.env.staging' && react-native run-ios  # windows
$ env:ENVFILE=".env.staging"; react-native run-ios    # powershell

參考

  • Managing Configuration in React Native