在今天的移动设备时代，用户总是希望在任何情况下都能够使用流畅的应用程序。然而，前端开发人员需要确保应用程序在之后的更新中仍然能够保持用户的兴趣。这就是为什么 App 更新早已成为了每位开发人员的重要任务之一。即便如此，对于一些企业来说，对开发人员每次都发布更新不是一个好的选择。这时候，我们就需要学习一些自动化更新的方案。
在 React Native 中，我们有一个强大的 npm 包叫做 react-native-code-push，它可以使您的应用程序自动更新而无需发布新的版本。本篇文章将向您介绍如何使用 react-native-code-push。
开始使用react-native-code-push
在开始使用 react-native-code-push 之前，您需要在代码中先安装 npm 包 react-native-code-push：
--- ------- ------ ----------------------
此外，您还需要在 React Native 项目中完成以下几个步骤：
- 安装官方提供的更新模块:
--- ------- ------ ---------
- 配置 Code-Push
在.env文件中添加以下环境变量：
-- -- ----------------------- -- -- ------------------------ -- ----------------- -------------------- ------------------------------------
如果您不知道如何生成 Code-Push 公钥 和 私钥，请参考文章末尾的链接。
- 添加若干行代码
打开你的入口文件，通常是 index.js 或 App.js 文件。大体流程如下所示：
------ -------- ---- -------------------------
------ --- ---- --------
----- ----- - ----------
------------- -----
--------------- -------------------------------------
--------
------ ------- -----在上述代码示例中，我们使用 codePush 包装了组件 App，通过这种方式，组件即可从 react-native-code-push 中受益。具体来说，我们指定了更新时是否显示 updateDialog，以及我们希望检查更新的频率 checkFrequency。
发布应用程序更新
现在，当您的代码更改需要发布到设备上时，您需要运行 code-push：
--------- ------------- ----- --- -- ---------- ------------- ------ ------- -------
在此过程中，您需要指定以下几个参数：
MyApp：React Native 应用程序的名称ios：指定要发布的平台-d Production：指定要被更新的Deployment，即上面配置过的CODE_PUSH_DEPLOYMENT_NAME--description：描述此更新的字符串
Code-Push 部署管理
此时，您的应用程序已经准备好接收更新。您现在可以使用 Code-Push 门户管理团队、版本和发布。让我们来看一下如何使用它。在这里，我们将使用 Code-Push 命令行实用程序，您当然也可以使用 GUI 界面。
首先，让我们列出我们刚刚发布的应用程序中的所有版本。使用以下命令查看：
--------- ---------- ------- ----- ----------
现在，如果您想滚动发布的应用程序版本，请使用以下命令：
--------- ---------- ----- ----- ----------
如果您想删除整个 Deployment，请使用以下命令：
--------- ---------- -- ----- ----------
结论
恭喜，您现在已经掌握了使用 react-native-code-push 的基础知识，可以在更新时获得更好的用户体验。希望此篇文章可以帮助您，也欢迎提出建议和反馈。如果您想获取更多关于 react-native-code-push 的信息，可以参考以下链接：
示例代码
下面是使用 react-native-code-push 的完整示例代码：
------ ------ - --------- - ---- --------
------ -
-----
-----
----------------
- ---- ---------------
------ -------- ---- -------------------------
----- --- ------- --------- -
-------- -
------ -
----- -------- ----- -- --------------- --------- ----------- -------- ---
----- -------- --------- -- -------- ----------------
----------------- ----------- -- -----------------
----- -------- ---------------- ------------ ------------- --- -------- --- ---------- -- ---
----- -------- ------ -------- --------- -- -------- -- ----- --- --------------
-------
-------------------
-------
--
-
-
------ ------- ----------
------------- -----
--------------- -------------------------------------
--------在上述代码示例中，我们准备好显示 “Hello Code-Push”，并添加了一个按钮来手动检查应用程序的更新。这是一个相当简单的示例，您可以在此基础上添加更多功能，例如自定义更新对话框。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedabdbb5cbfe1ea06108ac