Android 端打包

• 1. 使用 keytool 生成簽名(也可以使用 androidstudio 生成簽名)

      keytool -genkey -v -keystore mm.keystore -alias mm -keyalg RSA -keysize 2048 -validity 10000
     

• 2. 配置簽名文件

  • 把簽名文件發到 項目名/android/app 目錄下

  • 在 android/gradle.properties 中加入

    MYAPP_RELEASE_STORE_FILE=mm.keystore
    MYAPP_RELEASE_KEY_ALIAS=mm
    MYAPP_RELEASE_STORE_PASSWORD=12345678 
    MYAPP_RELEASE_KEY_PASSWORD=12345678
    

  • 在 android/app/build.gradle 添加

    android {
      ……
      signingConfigs {
          debug {
              storeFile file(MYAPP_RELEASE_STORE_FILE)
              storePassword MYAPP_RELEASE_STORE_PASSWORD
              keyAlias MYAPP_RELEASE_KEY_ALIAS
              keyPassword MYAPP_RELEASE_KEY_PASSWORD
          }
          release {
              storeFile file(MYAPP_RELEASE_STORE_FILE)
              storePassword MYAPP_RELEASE_STORE_PASSWORD
              keyAlias MYAPP_RELEASE_KEY_ALIAS
              keyPassword MYAPP_RELEASE_KEY_PASSWORD
          }
      }
      buildTypes {
          release {
              signingConfig signingConfigs.release
              minifyEnabled enableProguardInReleaseBuilds
              proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
          }
      }
    }
    

• 3. 執行打包命令(apk 輸出目錄 項目名/android/app/outputs/apk)

      cd android & ./gradlew assembleRelease
     

iOS 端打包

• 1. 在 項目名/ios 目錄下添加 bundle 文件

• 2. 為了方便打包，將打包命令配置到 項目名/package.json

       {
        "scripts": {
            ……
            "bundle-ios": "node node_modules/react-native/local-cli/cli.js bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/index.ios.jsbundle --assets-dest ./ios/bundle"
        },
      }
     

• 3. 執行 npm run bundle-ios 命令打包

      在 項目名/ios/bundle 目錄下，會自動新建以下文件
         index.ios.jsbundle //離線js包
        index.ios.jsbundle.meta
        assets //資源文件夾，如果使用離線的 html 文件，
              //打包的時候只會識別到js文件引用的文件，而 html 中引用的文件時不會打包到 assets 文件中，所以需要手動引用進來
     

• 4. 將 bundle 文件添加到項目里

  • 打開 Xcode ，選中跟項目同名的那個文件夾，右鍵，選中‘Add Files to ..’選項

  • 選擇第一步新建的 bundle 文件夾，點擊options，勾選 Create folder references 選項

  • 將 bundle 文件添加到項目里（Xcode 中顯示文件夾是藍色的）

• 5. 在 AppDelegate.m 中配置加載包的方式

      NSURL *jsCodeLocation;
      #ifdef DEBUG //debug
        jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
      #else //relese
        jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"bundle/index.ios" withExtension:@"jsbundle"];
      #endif
     

• 6. 準備好開發者賬號，環境配置好，具體請看xcode打包IPA上傳App Store完整流程
• 7. 配置 Xcode ，打包 （以下和 iOS 原生打包一樣）

  • 修改為 release 模式，(Xcode-->Product-->Scheme-->Edit Scheme... 把 debug 改為 relese)

  • 選擇 Generic iOS Device ,修改 Version 和 Build

  • 打包 (Xcode-->Product-->Archive 看提示操作)

ReactNative 常用命令

注：有一些控制臺命令需要加上 ./ 有些不需要 （gradlew clean ./gradlew clean），//項目根目錄