react-native-code-push热更新使用

学如逆水行舟,不进则退

所有流程如下

1.安装 CodePush CLI
2.注册 CodePush账号
3.在CodePush服务器注册App
4.RN代码中集成CodePush
5.原生应用中配置CodePush
6.发布更新的版本

①code-push -v 检查是否安装过code-push命令行工具,安装过可跳过下面步骤:

npm install -g code-push-cli

②code-push login 查看是否已注册并登录,如果已登录可跳过下面步骤:

code-push register会自动打开一个授权网页,选择其中一种方式授权获取访问code-push服务器的token秘钥,
这里我选择的是github账号,授权后复制这个token,然后在终端中将这个token填写进去即可

③在CodePush服务器注册App

添加iOS平台应用
$ code-push app add iOSRNHybrid ios react-native
添加Android平台应用
$ code-push app add iOSRNHybridForAndroid Android react-native

④RN代码中集成CodePush

#安装组件
$ npm install react-native-code-push --save
#添加原生依赖,这里添加依赖我们使用自动添加依赖的方式 
$ react-native link react-native-code-push 
#如无法添加原生依赖 可采用rnpm关联,
npm I -g rnpm  //安装rnpm
rnpm link react-native-code-push //关联原生

RN项目中代码可参考以下链接(任意一个都可以)
CrazyCodeBoy的简书
光强_上海的简书

注:最后提醒一点 如果检查更新不是在App启动的时候更新(在根组件中实现的检查更新),
而是通过设置手动点击检查更新,那么必须在根组件的`componentDidMount()方法中添加 
codePush.notifyAppReady()`,否则应用会出现第一次重启是更新版,第二次重启又回滚到旧版的现象。

主要代码如下

codePush.checkForUpdate(deploymentKey)
.then((update)=>{
    if(!update) {
       Alert.alert("提示","已是最新版本--", [{text:"Ok",onPress:()=>{console.log("点了OK");}}]); 
    }else{ 
       codePush.sync({
            deploymentKey: deploymentKey,
            updateDialog: {
                optionalIgnoreButtonLabel:'稍后',
                optionalInstallButtonLabel:'立即更新',
                optionalUpdateMessage:'有新版本了,是否更新?',
                title:'更新提示'},
            installMode: codePush.InstallMode.IMMEDIATE
        },(status)=>{
          switch(status) {     
             casecodePush.SyncStatus.DOWNLOADING_PACKAGE:
                console.log("DOWNLOADING_PACKAGE");
                break;
             casecodePush.SyncStatus.INSTALLING_UPDATE:
                console.log(" INSTALLING_UPDATE");
                break;
        }},(progress)=>{
           console.log(progress.receivedBytes +" of "+ progress.totalBytes +" received.");
        });
     }
 })

⑤Xcode中配置

1.Project-info-Configurations  添加新的环境(例:Staging)

2.Per-configuration Build Products Path - Staging 修改value为$(BUILD_DIR)/Release$(EFFECTIVE_PLATFORM_NAME)

3.选择Build Settings tab,点击 + 号,选择Add User-Defined Setting,将key设置为CODEPUSH_KEY,Release 和 Staging的值为前面创建的Deployment Key ,我们直接复制进去即可

4.打开Info.plist文件,在CodePushDeploymentKey中输入$(CODEPUSH_KEY),并修改Bundle versions string, short为三位

至此,iOS平台CodePush环境集成完毕,发布一个更新包试试吧
注意:CodePush默认是更新Staging环境的,如果发布生产环境的更新包,需要指定--d参数:--d Production,如果发布的是强制更新包,需要加上 --m true强制更新

$ code-push release-react Biaze ios --t 1.0.0 --dev false --d Production --des "这是第一个更新包" --m true 
`这句命令意思是向code-push服务器中1.0.0版本的iOSRNHybrid应用发布一个强制(--m true)的生产环境(--d Production)下的更新包。`

😘😘😘如果觉得对您有帮助,麻烦请点个❤️哦

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,837评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,551评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,417评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,448评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,524评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,554评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,569评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,316评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,766评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,077评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,240评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,912评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,560评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,176评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,425评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,114评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,114评论 2 352

推荐阅读更多精彩内容