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 (需要为你的APP注册一个appName)

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


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

  • 在ios中,将staging的部署key复制在info.plist的CodePushDeploymentKey值中。
    React Native APP 添加自动更新_第2张图片
    image.png

    并且在iOS添加react-native-sinooa-cqqx目录,并且复制Info.plist文件,如下图:
    React Native APP 添加自动更新_第3张图片
    info.plist
  • 在android中,复制在Application的getPackages的CodePush构造中。


    React Native APP 添加自动更新_第4张图片
    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。例如:

  import codePush from "react-native-code-push";
  const App = connect(mapStateToProps)(AppWrapped);
  export default codePush(App);
这样使用即可。
  • 发布React Native app更新: code-push release-react

参考:

  • code-push
  • react-native-code-push

写在后面

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

InterviewLibrary-GitHub
InterviewLibrary-gitbook

你可能感兴趣的:(React Native APP 添加自动更新)