专栏首页贺贺的前端工程师之路React Native  APP 添加自动更新

React Native  APP 添加自动更新

添加APP的自动,使用的第三方库是:react-native-code-push。新版本使用起来特别简单。添加步骤如下:

  • 安装code-push-cli: sudo npm install -g code-push-lic
  • 创建一个code-push账号:code-push register || code-push login (自动弹出页面,创建账号,然后根据token进行登录)
  • 注册app:code-push app add <appName> (需要为你的APP注册一个appName)

真实使用的命令是 code-push app add <appName> ios react-native

QQ20170630-175730@2x.png 注册app成功之后会生成两个key值 staging是开发 production是正式的 staging代表开发版的热更新部署,production代表生产版的热更新部署。

  • 在ios中,将staging的部署key复制在info.plist的CodePushDeploymentKey值中。

image.png 并且在iOS添加react-native-sinooa-cqqx目录,并且复制Info.plist文件,如下图:

info.plist

  • 在android中,复制在Application的getPackages的CodePush构造中。

image.png

  • 在React Native项目中集成react-native-code-push。 继承的步骤特别简单。 可以按照react-native-code-push中的教程来做,基本上就3步骤:
  • npm install --save react-native-code-push (引入包)
  • react-native link react-native-code-push (新版本3.0.0已经做好了一切的配置工作,只需要执行这个命令就可以,执行这个命令的时候,会弹出让你输入“deployment key”的提示,可以输入code-push deployment ls SinouiPlayground -k中得到的Staging中得到的数值,或者是Production得到的值。但是注意不要直接输入‘Staging’)
  • 在代码中使用codePush。例如:
  const App = connect(mapStateToProps)(AppWrapped);
  export default codePush(App);
这样使用即可。
  • 发布React Native app更新: code-push release-react <appName> <platform>

参考:

写在后面

GitHub上集大家之力搞了一个前端面试题的项目,里面都是大家面试时所遇到的题以及一些学习资料,有兴趣的话可以关注一下。如果你也有兴趣加入我们的话,请在项目中留言。项目同时也可以在gitbook上查看。

InterviewLibrary-GitHub InterviewLibrary-gitbook

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • split的坑-字符串分割

    昨天在调代码的时候,遇到了一个很大的坑儿,让我不得不记录下来,莫非是我写js代码太久了的缘故?大概也许可能吧...

    贺贺V5
  • 字面量,常量和变量之间的区别?

    经常看到这三者,基本每天作为一个程序媛的我,都和这三者在打着交道。之前每个都会使用,但是这样的来区别三者之间的关系还是第一次。从定义到实际例子,这次全面搞清楚,...

    贺贺V5
  • 前端公众号-各种事宜-不能发布

    切记 使用【】、| 这类的符号,是为了突显一些账号的栏目内容;但我们经常也会看到不少账号在标题里加了许多奇怪的符号,或者emoji表情,此时再谈文章的逼格就太...

    贺贺V5
  • 程序员的“数学修炼手册”,帮你快速恶补数学知识 | 资源

    最近,一位科技博主Jeremy Kun花了4年时间,写成一本书《程序员数学入门》,在科技论坛Hack News引发热议。

    量子位
  • Python和R代码机器学习算法速查对比表

    大数据文摘
  • 重要的机器学习算法

    关键词:机器学习,算法 正文: 本文旨在为那些获取关于重要机器学习概念知识的人们提供一些机器学习算法,同时免费提供相关的材料和资源。并且附上相关算法的程序实现...

    小莹莹
  • JavaWeb(四)JDBC操作Oracle

    JDBC:Java DataBase Connectivity(java数据库连接) SUN公司为了简化、统一对数据库的操作,定义了一套Java操作数据库的规范...

    二十三年蝉
  • git 实践(二) push的使用 转

    上一次我们详细讲解了git pull的三种使用方式,也介绍了什么是upstream(关联分支),这次我们来看看git push的使用; 在使用push时,我们...

    双面人
  • PyTorch 中Datasets And DataLoaders的使用 | PyTorch系列(十二)

    在这篇文章中,我们将看到如何使用Dataset和DataLoader 的PyTorch类。

    AI算法与图像处理
  • 面向程序员的网络基本知识 - 子网分割

    本系列文章旨在向程序员分享一些网络基本知识,让程序员具备基本的网络常识,以便与网络工程师沟通。本系列文章不会涉及如何组建网络、如何配置交换机/路由器等硬件相关的...

    颇忒脱

扫码关注云+社区

领取腾讯云代金券