首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >React Native  APP 添加自动更新

React Native  APP 添加自动更新

作者头像
贺贺V5
发布2018-08-21 12:07:56
2K0
发布2018-08-21 12:07:56
举报

添加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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.12.07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档