react-native开发实例之code-push更新(android版本)

react-native开发的程序支持热更新,而热更新使用最多的是code-push组件。今天介绍使用code-push完成android平台的热更新。

1、android项目打包发布release版本

参照文章《 http://www.jianshu.com/p/a8d7c1907494 》完成android平台的发布,注意,修改android的 android/app/build.gradle文件里面的版本号如下:

        versionCode 1
        versionName "1.0.1"

这个是因为code-push需要版本号是x.y.z格式。

2、集成code-push

具体可以查照github 《 https://github.com/Microsoft/react-native-code-push 》

3、创建app

https://github.com/crazycodeboy/RNStudyNotes/tree/master/React%20Native%E5%BA%94%E7%94%A8%E9%83%A8%E7%BD%B2%E3%80%81%E7%83%AD%E6%9B%B4%E6%96%B0-CodePush%E6%9C%80%E6%96%B0%E9%9B%86%E6%88%90%E6%80%BB%E7%BB%93

这篇文章介绍很详细,我通过命令建立了一个app名称是CodePushExample-Android

4、android配置调整

  buildTypes {
      releaseStaging {
        buildConfigField "String", "CodePushExampleAndroid", '"这是一个KEY值"'
      }
        release {
          buildConfigField "String", "CodePushExampleAndroid", '"这是另外一个KEY值"'

            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"

            signingConfig signingConfigs.release

        }
    }
@Override
    protected List getPackages() {
      return Arrays.asList(
          new MainReactPackage(),
            new VectorIconsPackage(),
            new CodePush(BuildConfig.CodePushExampleAndroid, getApplicationContext(), BuildConfig.DEBUG)
      );
    }

这里有很多高级设置等等,我这里最简单的设置了。gradle配置里面增加1个buildconfig配置field,名称是『CodePushExampleAndroid』,类型是『String』,值在2种部署情况下分别是『这是一个KEY值』和『这是另外一个KEy值』。

5、js代码调整

componentDidMount() {

        CodePush.sync({
            updateDialog: {
                title: "An update is available!",
                appendReleaseDescription: true,
                descriptionPrefix: "\n\nChange log:\n"
            },
            installMode: CodePush.InstallMode.IMMEDIATE
        });  
    }

6、打热发布的包和发布到code-push服务器##

#!/bin/sh

react-native bundle --platform android --entry-file index.android.js --bundle-output ./bundles/index.android.bundle  --assets-dest ./bundles/ --dev false

大家在项目目录下面建立『bundles』文件夹,执行上面的命令得到js和assets的文件;
发布使用命令:

#!/bin/sh

code-push release CodePushExample-Android ./bundles/ 1.0.1 --deploymentName Production --description "1.支持这里;2.支持那里;3.支持很多" --mandatory true

这里的『CodePushExample-Android』是我的app名称。
注意:这里的版本1.0.1 表示我们对1.0.1这个版本进行js的热发布。

7、android客户端包更新

code-push提供了一种动态更新js、images的能力,但是当我们引入新的native组件,或者修改了native相关的代码、配置,我们就不能通过code-push完成更新了,这时需要对native客户端进行更新。这种情况如何解决?
todo?

8、其他##

通过sync方法来自定义update提示、进度等;
通过checkForUpdate方法来判断是否最新版本;

你可能感兴趣的:(react-native开发实例之code-push更新(android版本))