ReactNative code-push 微软热更新

微软热更新集成
一、安装部署code-push
1、安装
yarn add react-native-code-push
2、注册并登录
注册:https://appcenter.ms/apps
登录
code-push login
此时会在浏览器弹出一个网页,把token粘贴过来。
添加项目,如果安卓和苹果两个平台,需要创建两个App名字
code-push app add
``
3、获取创建App的key
code-push deployment ls -k

ReactNative code-push 微软热更新_第1张图片
67.png

二、ios集成
1、通过cocoapod导入,在podfile添加

#CodePush plugin dependency
pod 'CodePush', :path => '../node_modules/react-native-code-push'

2、执行pod install
3、配置xcode,如图


ReactNative code-push 微软热更新_第2张图片
图1
ReactNative code-push 微软热更新_第3张图片
图2

创建CODEPUSH_KEY

ReactNative code-push 微软热更新_第4张图片
图3

在info.plist 添加CodePushDeploymentKey,修改为CODEPUSH_KEY


图4

最后需要把工程切换到release版


ReactNative code-push 微软热更新_第5张图片
图5

4、Appdelegate入口修改为
jsCodeLocation = [CodePush bundleURL];

三、发布更新版本
1、
--deploymentName Production为发布包,不填为测试包
--mandatory true是否强制更新
--description "第2次更新"更新描述
code-push release-react JXSHTextIOSAPP ios --deploymentName Production --mandatory true --description "第2次更新"

四、ReactNative代码部署

import CodePush from "react-native-code-push"; //引入code-push

let codePushOptions = {
  //设置检查更新的频率
  //ON_APP_RESUME APP恢复到前台的时候
  //ON_APP_START APP开启的时候
  //MANUAL 手动检查
  checkFrequency : CodePush.CheckFrequency.ON_APP_RESUME
};

这行是一定要有的,不然不会自动更新

mobike = CodePush( codePushOptions )( mobike );

可以做一个提示Alert

CodePush.sync( {
          //安装模式
          //ON_NEXT_RESUME 下次恢复到前台时
          //ON_NEXT_RESTART 下一次重启时
          //IMMEDIATE 马上更新
          installMode : CodePush.InstallMode.IMMEDIATE ,
          //对话框
          updateDialog : {
            //是否显示更新描述
            appendReleaseDescription : true ,
            //更新描述的前缀。 默认为"Description"
            descriptionPrefix : "更新内容:" ,
            //强制更新按钮文字,默认为continue
            mandatoryContinueButtonLabel : "立即更新" ,
            //强制更新时的信息. 默认为"An update is available that must be installed."
            mandatoryUpdateMessage : "必须更新后才能使用" ,
            //非强制更新时,按钮文字,默认为"ignore"
            optionalIgnoreButtonLabel : '稍后' ,
            //非强制更新时,确认按钮文字. 默认为"Install"
            optionalInstallButtonLabel : '后台更新' ,
            //非强制更新时,检查到更新的消息文本
            optionalUpdateMessage : '有新版本了,是否更新?' ,
            //Alert窗口的标题
            title : '更新提示'
          } ,
        } ,
    );

四、code-push指令

  • 安装:npm install -g code-push-cli
  • 注册账号: code-push register
  • 登陆: code-push login
  • 注销: code-push logout
  • 添加项目: code-push app add [app名称]
  • 删除项目: code-push app remove [app名称]
  • 列出账号下的所有项目: code-push app list
  • 显示登陆的token: code-push access-key ls
  • 删除某个access-key: code-push access-key rm
  • 部署一个环境: code-push deployment add
  • 删除部署: code-push deployment clear Production or Staging
  • 列出应用的部署: code-push deployment ls
  • 查询部署环境的key: code-push deployment ls -k
  • 查看部署的历史版本信息: code-push deployment history
  • 重命名一个部署: code-push deployment rename

你可能感兴趣的:(ReactNative code-push 微软热更新)