RN：CodePush热更新

2024-05-11 07:35:39

什么是CodePush

CodePush是一个微软开发的云服务器。通过它，开发者可以直接在用户的设备上部署手机应用更新。CodePush相当于一个中心仓库，开发者可以推送当前的更新（包括JS/HTML/CSS/IMAGE等）到CoduPush，然后应用将会查询是否有更新。

RN 版本的已经开源了，可以私有部署

接入流程

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

原理

1、把react中的js打包，生成一个app（react-native官方就支持到这一步）
2、把最新的js包都打包上传到微软的服务器（codepush框架实现）
3、在app中判断本地js包的版本号和微软服务器的版本号，然后全部下载下来后实现更新(codepush框架实现)

codepush.sync(paramas)可以实现更新，一般我们放在app启动的时候进行。或者可以在APP中增加一个按钮，点击就运行更新。就像在开发环境中使用cmd+R一样重新load。但是微软的服务器速度让人呵呵。

一些坑

如上面的博客所说，你APP内plist文件写的版本号可能是1.0.0，所以你的reactjs打包上传的版本也要是1.0.0（而不是1.0.1这样递增），你需要和APP保持一致，然后服务器会根据你最新上传的且和APP一样的版本作为最新版。

常用命令

1、弹窗提示更新

codePush.sync({ updateDialog: true, installMode: codePush.InstallMode.IMMEDIATE });

2、下次启动时更新

codePush.sync();

参考资料

https://www.jianshu.com/p/6a5e00d22723
https://www.cnblogs.com/rayshen/p/5737293.html
http://code-push.cn/docs/1600.htm

RN：CodePush热更新相关推荐

CodePush热更新组件详细接入教程
CodePush热更新组件详细接入教程什么是CodePush CodePush是一个微软开发的云服务器.通过它,开发者可以直接在用户的设备上部署手机应用更新.CodePush相当于一个中心仓库,开发 ...
RN 实现热更新及手动热更新，记录实现的方式
需求:App需要一个热更新的功能,可以默认更新用来修正线上问题实现路线: 使用微软的依赖包 react-native-code-push 实现步骤全局安装code-push-cli npm i - ...
codePush热更新
参考文档:https://blog.csdn.net/vv_bug/article/details/78105269 https://www.cnblogs.com/guangqiang/p/9589 ...
ReactNative系列之十八codepush热更新
目前仅针对Android,iOS后续再补 1.简介 codepush是微软的一套热升级解决实现,还有一种是reactnatie中文网上的react-native-pushy.这两种方案我都试了下,推荐 ...
React Native集成CodePush热更新
作为一款以JavaScript语音为基础跨平台开发框架,React Native本身已经具备了动态更新的能力,不过官方却没有提供一套标准的动态更新方案.因为一个标准的动态更新方案,除了需要客户端具备动 ...
RN中热更新CodePush使用
RN中涉及到热更新使用微软提供的CodePush插件实现,具体使用如下: 更新流程 1.安装 code-push-cli插件(在项目根目录) npm install -g code-push-cli ...
cordova+codepush 热更新实践 (微软 cordova-plugin-code-push)
系统环境 windows 10 所需工具 node.js, android studio, 安装方法自行百度/谷歌 cordova-hot-code-push 不再维护, 转而使用 cordova-p ...
CodePush 热更新之自定义更新弹框及下载进度
code-push的提示面板可能不符合产品设计的要求,这时就需要我们去自定义一个更新提示框.下面是一个简单的例子: 1. 检查是否需要更新首先判断是否需要更新,如果有新版本,显示更新面板,根据用户行 ...
CodePush热更新常用命令与注意事项
欢迎大家关注[跨平台开发那些事]公众号,定期推送跨平台开发技术实践. 总结了一些在CodePush中比较常用的命令以及注意事项,供大家参考. 一.更新流程图片来源:http://www.jiansh ...

最新文章

热门文章