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
  • RN
  • Xcode 執行
  • Android Studio執行
  • 參考
  1. Advanced
  2. Handling different environments

Practice

此部分為實作加圖示

PreviousHandling different environmentsNextJest

Last updated 6 years ago

RN

將命令加進package.json的scripts內 :

$ yarn ios-dev
or
$ yarn ios-stage
or
$ yarn android-dev
or
$ yarn android-stage

Project結構

Xcode 執行

1.Build Settings > search “preprocess” > 將Preprocess Info.plist File 設為 Yes

2.設Info.plist Preprocessor Definitions 為 ${BUILD_DIR}/GeneratedInfoPlistDotEnv.h

3.設 Info.plist Other Preprocessor Flags 為 -traditional

4.選擇 Manage Scheme..

5.選擇你的專案，按下設定 > Duplicate (記得Shared勾)

6.選擇 Pre-actions > 設定Provide build settings from 此App，和在紅框內輸入

7.選好就可以run了

Android Studio執行

1.在 project/android/app/build.gradle內加入（加在第二行）

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"

3.設定script 在project/package.json

4. 在Android Studio的terminal內

$ cd android && ENVFILE=.env.stage ./gradlew assembleRelease

或者

yarn + command 即可
例如 $ yarn build-android-stage

apk會產生在 android/app/build/output/apk/ 底下

參考

2.設定好signingConfigs 和 buildTypes內的signingConfig signingConfigs的設定請參考此 或者

教學
官網
Managing Configuration in React Native