[React Native]使用App Center CLI发布CodePush更新--iOS简易版
面向
用RN开发iOS的小伙伴,并且想使用RN的热更新功能,又不想在一大堆文档里翻来覆去的,可以看看这个简易版。觉得不错的话可以点个赞或关注。附上详细版。
主要步骤
安装App Center CLI:
npm install -g appcenter-cli
创建App Center帐户或使用
appcenter login
命令通过CLI登录。这将启动一个浏览器,要求您使用GitHub或Microsoft帐户进行身份验证。经过身份验证后,它将创建一个“链接”到您的GitHub / MSA身份的CodePush帐户,并生成一个访问密钥,您可以将其复制/粘贴到CLI中以便登录。在部署更新之前,您必须使用以下命令使用App Center创建应用程序:
appcenter apps create -d <appDisplayName> -o <operatingSystem> -p <platform>
例子: appcenter apps create -d MyApp-Android -o Android -p React-Native appcenter apps create -d MyApp-iOS -o iOS -p Cordova 复制代码
贴士:将你要操作的应用程序设置为
当前应用程序
使用,省事。appcenter apps set-current <ownerName>/<appName>
。 这样可以把appcenter codepush deployment list -a <ownerName>/<appName>
可以将命令缩短为appcenter codepush deployment list
使用CodePush,应用程序自动进行两次部署(Staging和Production)。在App Center中,您必须使用以下命令自行创建它们:
appcenter codepush deployment add -a <ownerName>/<appName> Staging
appcenter codepush deployment add -a <ownerName>/<appName> Production
复制代码
创建部署后,您可以使用这两种部署访问部署密钥,用于配置两种部署环境。
appcenter codepush deployment list --displayKeys
安装RNPM
步骤 说明 安装 $ npm install rnpm -g
安装依赖 如果要安装依赖项并在一次运行中链接它: $ rnpm install <name>
链接依赖 如果您已经安装了模块(但未链接),请运行: $ rnpm link
安装插件(iOS)
步骤 说明 步骤一 自React Native v0.27起, rnpm link
已经合并到React Native CLI中。在项目中简单地运行:react-native link react-native-code-push
步骤二 系统将提示您输入要使用的部署密钥。如果您还没有它,可以通过运行 code-push deployment ls <appName> -k
检索,或者您可以选择忽略它(通过简单地点击<ENTER>
)并在以后添加它。首先,我们建议您只使用Staging
部署密钥,以便可以端到端地测试CodePush
。基本使用如下
import codePush from "react-native-code-push";export default class App extends React.Component {componentDidMount() {codepush.sync({ installMode: codepush.InstallMode.IMMEDIATE });}render() {return (<View style={{ backgroundColor: 'white', height: 100, marginTop: 100 }}><TouchableOpacity onPress={this.onButtonPress}><Text style={{ color: 'red' }}>Check for updates</Text></TouchableOpacity><Text style={{ marginTop: 30 }}>测试文本</Text></View>)}onButtonPress() {codepush.sync({updateDialog: true,installMode: codepush.InstallMode.IMMEDIATE});}
}
let codePushOptions = { checkFrequency: codepush.CheckFrequency.MANUAL }App = codepush(codePushOptions)(App)复制代码
最后,在设备上编译一下,这里我只试过真机,然后你可以把‘测试文本’改为‘测试文本更改’,然后发布更新 appcenter codepush release-react
没有指定当前应用程序的用这个:
appcenter codepush release-react -a <ownerName>/<appName>appcenter codepush release-react -a <ownerName>/MyApp-iOS
appcenter codepush release-react -a <ownerName>/MyApp-Android
复制代码
然后就可以看效果啦。
转载请注明出处。
转载于:https://juejin.im/post/5c7e27dee51d457c54732e92
[React Native]使用App Center CLI发布CodePush更新--iOS简易版相关推荐
- CodePush 管理工具 App Center Cli 的常用命令行
App Center Cli 对React Native的使用 安装 登录 创建应用 上传bundle 查看热更新历史记录 安装 在系统根目录下运行:npm install -g appcenter- ...
- 使用 Agora SDK 开发 React Native 视频通话 App
在 React Native 的应用中,从头开始添加视频通话功能是很复杂的.要保证低延迟.负载平衡,还要注意管理用户事件状态,非常繁琐.除此之外,还必须保证跨平台的兼容性. 当然有个简单的方法可以做到 ...
- react native 开发APP(六)网络请求,列表的使用
官网 https://reactnative.cn/ 项目下载地址:https://github.com/hebiao6446/DemoProject 陆续更新中... 在移动端开发的时候,我们基本上 ...
- android home键后计时拉起app_使用React Native完成App软件
搭建开发环境 安装react-native-cli:npm i -g react-native-cli Android SDK 安装Android SDK并启动进行配置: 配置环境变量 export ...
- React Native 开发APP(一)
一,首先检查环境,ReactNative(一下简称:RN)开发,必要环境. 等等,在这里我必须强调,RN开发有两种模式,一是原生Android/IOS混合起来的开发(这种开发目前在国内,从事的比较多) ...
- React Native带你一步步实现热更新(CodePush-Android)
前言:无奈研究了一下CodePush,遇到了很多坑-- 但是原理呢不是很难理解,就是配置有点多,原理可以简单的参考一下我之前的一篇博客React-Native 热更新尝试(Android),下面说一下 ...
- 一文学会React Native(保姆级教程) 持续更新
React Native 官网 如果react基础有些遗忘,可以打开React官网查看 介绍 React Native 是一个使用React和应用平台的原生功能来构建 Android 和 iOS 应用 ...
- React Native开源项目-稀土掘金客户端(Android、iOS双适配)
@wangdicoder开发的基于React-Native实现的稀土掘金客户端,开源地址:https://github.com/wangdicoder/JueJinClient 欢迎大家star,fo ...
- react native改变app的图标和名称
beauty\android\app\src\main\res 转载于:https://www.cnblogs.com/busicu/p/5711501.html
最新文章
- 手把手教你写一个生成对抗网络
- MNIST 训练测试
- Lucene分类统计示例
- JDK 8中方便的新地图默认方法
- flutterapp部分手机无法打开_Flutter应用程序在最新更新后无法运行
- HDFS block丢失过多进入安全模式(safe mode)的解决方法
- java多个条件排序_java定制化排序,多个条件排序
- Unable to run Kiwi tests on iOS8 device
- git21天打卡day21-解决合并冲突
- Atitit.基于dsl的methodinvoker
- A股管家股票自动交易软件系统,功能完善强大
- 人工智能正在重塑人力资源的7种方式
- 【Tableau 图表大全31】仪表板(又名仪表盘) #高阶
- 半监督3D医学图像分割(三):URPC
- QCC512x QCC302x 使用I2C驱动外设(Bitserial)
- 音频处理-1 基础知识
- Python爬虫实战:手机APP数据抓取分析!谁说不能爬取app数据的?
- matlab怎么求三次微分,Matlab – 求解三阶微分方程
- matlab可以仿真特殊电机,基于Matlab的异步电动机矢量控制系统的仿真研究
- python合成心形_python如何绘制心形
热门文章
- mac 无法识别seagate硬盘、无法向其写入文件
- jquery $('#form1').serialize()序列化提交表单总结
- GB 15979一次性使用卫生用品卫生标准
- flutter 中顶部tabBar底色设置
- 从零开始的Linux学习日志(3)
- C盘爆红?火绒,cclean解决电脑上99%的问题(广告弹窗以及其他方式中有乱码程序名)
- html怎么从左到右设置颜色,使用CSS从左到右填充文本颜色(Text colour fill from left to right using CSS)...
- 北邮计算机学院五组夏森,前辈种树 | 从双非软件到北邮计算机(各路打击后顽强活着)...
- 对整个图像进行透视变换
- 开发直播app中要了解的原理