react native android 热更新（真机运行，打包文件，上传）

运行环境

macOS Sierra 10.12.1

jdk 1.8.0_101

打包 apk

生成签名秘钥

keytool java证书管理工具

设置gradle变量

将my-release-key.keystore文件（根据自己命名不同）移动到工程android/app中

编辑/android/gradle.properties文件，添加以下的代码

 MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
 MYAPP_RELEASE_KEY_ALIAS=my-key-alias
 MYAPP_RELEASE_STORE_PASSWORD=这里写刚才输入的密码
 MYAPP_RELEASE_KEY_PASSWORD=这里写刚才输入的密码

上面的这些会作为全局的gradle变量，在后面的步骤中可以用来给app签名。

一旦你在Play Store发布了你的应用，如果想修改签名，就必须用一个不同的包名来重新发布你的应用（这样也会丢失所有的下载数和评分）。所以请务必备份好你的密钥库和密码。

添加签名到项目的gradle配置文件

打开项目目录下的android/app/build.gradle文件

在 android 字段中添加如下代码

signingConfigs {
    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

添加好后就像下面代码的样子（省略号表示还有其他的默认代码）

android {
   
    defaultConfig { ... }
    signingConfigs {
        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
        }
    }
}

生成发行APK包

在项目中android目录下运行

./gradlew assembleRelease

./gradlew assembleRelease表示执行当前目录下的名为gradlew的脚本文件，运行参数为assembleRelease

最后apk文件生成在android/app/build/outputs/文件夹中，我的叫做 app-release.apk，拷贝到手机上即可安装

集成codepush到安卓项目中

参考文档1

参考文档2

参考文档3

codepush有两种方式导入，我这里选择的是rnpm的方式

安装rnpm

终端输入

npm i -g rnpm

导入配置到项目中

进入项目中 android文件夹运行命令导入配置

rnpm link react-native-code-push

修改android/settings.gradle文件，添加如下代码（貌似插件导入后会自动添加进入）

include ':app', ':react-native-code-push'
project(':react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-code-push/android/app')

修改 android/app/build.gradle文件（貌似也会自动添加）

...
dependencies {
    ...
    compile project(':react-native-code-push')
}

继续修改 android/app/build.gradle文件，添加代码（貌似还是会自动添加）

apply from: "../../node_modules/react-native/react.gradle"
apply from: "../../node_modules/react-native-code-push/android/codepush.gradle"

查看codepush 部署秘钥，拷贝出对应环境的 key （这点很重要）

code-push deployment ls  --displayKeys

修改android/app/src/java/com/工程名/MainApplication.java文件

React Native 版本 >= v0.29 添加代码如下样子（在node_modules/react-native/package.json中查看）

import com.microsoft.codepush.react.CodePush;

public class MainApplication extends Application implements ReactApplication {

    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
       
        @Override
        protected String getJSBundleFile() {
            return CodePush.getJSBundleFile();
        }

        @Override
        protected List getPackages() {
           it, you can run "code-push deployment ls  -k" to retrieve your key.
            return Arrays.asList(
                new MainReactPackage(),
                new CodePush("这里填上文的 key ", MainApplication.this, BuildConfig.DEBUG)
            );
        }
    };
}

修改 android/app/build.gradle 文件中的 versionName 改为 1.0.0（随便改成啥，但格式需要这样的，自行根据当前版本修改），因为 codepush需要三位

android{
    defaultConfig{
        versionName "1.0.0"
    }
}

编辑 android/index.android.js文件，添加codepush代码

import codePush from "react-native-code-push";

在父组件的componentDidMount 方法中调用热更新方法

componentDidMount(){
    codePush.sync();
  }

react native 打包 bundle 文件

向codepush发布打包代码

随意修改代码，使其表现和手机上显示不一致即可

然后重新执行打包命令，生成一个新的bundle文件

执行codepush的发布命令，将新文件发布到staging 环境中

react native android 热更新（真机运行，打包文件，上传 ）