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>

参考：

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

写在后面

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

InterviewLibrary-GitHub InterviewLibrary-gitbook