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 条评论
登录 后参与评论

相关文章

来自专栏Crossin的编程教室

Python-Excel 模块哪家强?

0. 前言 从网页爬下来的大量数据需要清洗? 成堆的科学实验数据需要导入 Excel 进行分析? 有成堆的表格等待统计? 作为人生苦短的 Python 程序员,...

4855
来自专栏刘望舒

Android系统架构与系统源码目录

前言 技术博客终于可以恢复正常的更新速度了,原因是我编写的进阶书籍的初稿已经完成,窃以为它将会是Android应用书籍中最有深度的一本,可以说是《Android...

3578
来自专栏小白课代表

手把手教你如何通过普通话等级考试~

1102
来自专栏葡萄城控件技术团队

渐进式Web应用程序的深入概述

如果您是Web开发人员,您可能已经了解渐进式Web应用程序(PWA)或已经实现了自己的应用程序。 如果您不熟悉,本文将深入概述渐进式Web应用程序的实现原理,以...

722
来自专栏更流畅、简洁的软件开发方式

【自然框架】之通用权限(八):权限到字段(列表、表单、查询)

 通用权限想要写的文章目录:(这是第八章) 1、 简介、数据库的总体结构 2、 介绍人员表组 3、 介绍组织结构表组 4、 介绍角色表组 5、 介绍“项目自我描...

2657
来自专栏厦门SEO

如何获得微信/QQ小绿标?腾讯云网址安全认证教程!

打开微信/QQ,聊天框发送已经完成URL安全认证的网址,看看小绿标是否生效即可~

1.3K1
来自专栏大内老A

谈谈基于OAuth 2.0的第三方认证 [上篇]

对于目前大部分Web应用来说,用户认证基本上都由应用自身来完成。具体来说,Web应用利用自身存储的用户凭证(基本上是用户名/密码)与用户提供的凭证进行比较进而确...

19310
来自专栏假装我会写代码

基于 Laravel 的用户动态模块开发

1443
来自专栏.Net移动开发

4.6预告先导篇——你们关心的几个问题:关于页、文档、内网推送等

非常感谢大家对Smobiler的支持,从4.6版本的建议征集中,整理了几个大家关注得比较多的问题,在此单独列出答复。

1232
来自专栏葡萄城控件技术团队

优化Webpack构建性能的几点建议

1923

扫码关注云+社区