React Native打包（三：react-native多环境打包)

https://blog.csdn.net/u010377383/article/details/84790216

 

（一）前言

开发环境参考上章
集成官方热更新 详细的react-native-code-push教程链接
安卓多环境的参考链接地址

（二）背景

正常需求来讲，我们需要区分三种环境——开发环境、测试环境、正式环境（也称之为生产环境）
因为热更新分为 Production 和 Staging，所以在实际项目中，热更新如果不区分测试和生产环境，那么每次就重新打包给测试，待版本迭代完成才能热更新生产环境，这明显不合理。

(三) 配置安卓
为了解决上面问题，我们引入 releaseStaging环境 对应这staging环境

在android/app/build.gradle中，新增 CODEPUSH_KEY 和 友盟app_key
buildTypes {
        release {
            buildConfigField "String", "CODEPUSH_KEY", '"YOUR CODEPUSH_KEY"'
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
            signingConfig signingConfigs.release
            // 显示不同的软件名
            resValue "string", "app_name", "@string/app_name_release"
            // 设置manifest占位符
            manifestPlaceholders = [
                    UMENG_APPKEY      : "@string/umeng_release_app_key",
                    UMENG_CHANNEL      : "@string/umeng_release_channel"
            ]
        }
        // staging的配置
        releaseStaging {
          // 这里打包错误解决参考 
          // https://github.com/youngjuning/youngjuning.github.io/issues/187
            matchingFallbacks = ['release']
            buildConfigField "String", "CODEPUSH_KEY", '"YOUR CODEPUSH_KEY"'
            signingConfig signingConfigs.release
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
            //为Staging版本的包名添加.beta后缀
            applicationIdSuffix ".beta"
            // 显示不同的软件名
            resValue "string", "app_name", "@string/app_name_staging"
            // 设置manifest占位符
            manifestPlaceholders = [
                    UMENG_APPKEY      : "@string/umeng_staging_app_key",
                    UMENG_CHANNEL      : "@string/umeng_staging_channel"
            ]
        }
        // Debug的配置
        debug {
            buildConfigField "String", "CODEPUSH_KEY", '""'
            //为debug版本的包名添加.debug后缀
            applicationIdSuffix ".debug"
            // 显示不同的软件名
            resValue "string", "app_name", "@string/app_name_debug"
            // 设置manifest占位符
            manifestPlaceholders = [
                    UMENG_APPKEY      : "@string/umeng_staging_app_key",
                    UMENG_CHANNEL      : "@string/umeng_staging_channel"
            ]
        }
    }

更新常量
在 android/app/src/main/res/value/string.xml
<resources>
    ...
    <!--app name-->
    <string name="app_name_release">XX</string>
    <string name="app_name_staging">XX测试版</string>
    <string name="app_name_debug">XX开发版</string>
    <!--umeng-->
    <string name="umeng_release_app_key">生产app_key</string>
    <string name="umeng_release_channel">生产渠道</string>
    <string name="umeng_staging_app_key">开发app_key</string>
    <string name="umeng_staging_channel">Local debug</string>
</resources>
更新友盟在 AndroidManifest.xml 配置
<manifest……>
……
<activity ……/>
    <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
    <!--umeng-->
    <meta-data android:value="${UMENG_APPKEY}" android:name="UMENG_APPKEY"/>
    <meta-data android:value="${UMENG_CHANNEL}" android:name="UMENG_CHANNEL"/>
</application>    
</manifest>
更新热更新配置
配置android/app/src/main/java/com/项目名/MainApplication.java
 @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
           new MainReactPackage(),
           // 将写死的KEY替换
            new CodePush(BuildConfig.CODEPUSH_KEY, MainApplication.this, BuildConfig.DEBUG),
            new CookieManagerPackage(),
            ...
            new SplashScreenReactPackage(),
            new RNDeviceInfo()
      );
    }

更新命令
在 package.json的 scripts
// 开发命令
"android": "react-native run-android --appIdSuffix=debug --no-packager && adb reverse tcp:8081 tcp:8081",
// Debug
"android-debug": "rm -rf android/app/build/outputs/apk/debug && yarn android && open android/app/build/outputs/apk/debug/",
// Staging
 "android-staging": "rm -rf android/app/build/outputs/apk/releaseStaging && react-native run-android --variant=releaseStaging && open android/app/build/outputs/apk/releaseStaging/",
// Release"
 "android-release": "rm -rf android/app/build/outputs/apk/release && react-native run-android --variant=release && open android/app/build/outputs/apk/release/",
(四) 配置IOS
首先参照上面react-native-code-push定制环境，其实就已经支持staging环境，现在是友盟无法区分测试和生产环境，

官方多环境打包集成完成，会发生不能使用，需要手动增加很多依赖，这里可以选择 react-native-schemes-manager进行处理
$ yarn add --dev react-native-schemes-manager
1
定义全局宏
在TAGEETS/Build Settings/ 搜索 Preprocessor Macros.

更改AppDelegate.m下修改友盟appKey

// umeng constants
static NSString *const UmengAppKeyStaging = @"YOUR LOCAL APP_KEY";
static NSString *const UmengChannelIdStaging = @"Local Debug";

static NSString *const UmengAppKeyRelease = @"YOUR  RELEASE APP_KEY";
static NSString *const UmengChannelIdRelease = @"YOUR  CHANNEL";

BOOL isDev = STAGING == 1;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  UMConfigInstance.appKey = isDev ? UmengAppKeyStaging : UmengAppKeyRelease;
  UMConfigInstance.ChannelId = isDev ? UmengChannelIdStaging : UmengChannelIdRelease;
  // UMConfigInstance.eSType = E_UM_GAME; // 仅适用于游戏场景，应用统计不用设置
  [MobClick startWithConfigure:UMConfigInstance]; // 配置以上参数后调用此方法初始化SDK
  NSURL *jsCodeLocation;
  ...
  }

因为目前未区分测试和staging。