美文网首页
react-native开发实例之code-push更新(and

react-native开发实例之code-push更新(and

作者: sleepforests | 来源:发表于2017-02-22 17:45 被阅读1390次

    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<ReactPackage> getPackages() {
          return Arrays.<ReactPackage>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更新(and

          本文链接:https://www.haomeiwen.com/subject/tzemwttx.html