跳至主要内容
版本: v8

构建和部署您的应用

现在您已经构建了您的第一个应用,您可能希望将其发布,以便每个人都可以使用它。构建和部署应用的过程可能相当繁琐。这时,Appflow 就发挥作用了。Appflow 允许您有效地生成 Web 和原生构建,推送实时应用更新,将您的应用发布到应用商店,并自动化整个过程。完整的快速入门指南可以在 这里 找到。

下面我们将概述这些步骤。

连接您的仓库

Appflow 直接与 Git 版本控制系统合作,并使用您现有的代码库作为 Deploy 和 Package 构建的真实来源。您首先需要与您的托管服务(如 GitHub 或 Bitbucket)集成,或者您可以将代码直接推送到 Appflow。完成此操作后,Appflow 将能够访问您的代码。

有关将代码仓库连接到 Appflow 的更多信息,请查看 Appflow 文档中的 连接您的仓库 部分。

安装 Appflow SDK

Appflow SDK(也称为 Ionic Deploy 插件)将使您能够利用 Appflow 的两个最佳功能:将实时更新部署到您的应用,并绕过应用商店。Ionic Appflow 的实时更新功能与 Appflow SDK 一起提供,并具有检测和同步您已推送到仪表板中标识的渠道的应用更新的功能。

要将 Appflow SDK 插件添加到您的项目中,您可以按照 Appflow 仪表板中的安装说明进行操作,方法是单击 Deploy > Destinations 部分中的“安装说明”。或者,您可以通过在应用的根目录中执行以下命令来手动安装插件

ionic deploy add  \
--app-id="YOUR_APP_ID" \
--channel-name="YOUR_CHANNEL_NAME" \
--update-method="background|auto|none" \

有关安装 Appflow SDK 的先决条件和更多说明,请访问 Appflow 文档中的 安装 Appflow SDK 部分。

推送提交

为了让 Appflow 能够访问您代码的最新更改,您需要通过您选择的版本控制集成来推送提交。对于那些使用 GitHub 或 Bitbucket 的用户,操作如下

git add . # stage any changes
git commit -m "added appflow sdk" # commit staged changes
git push origin main # push the changes from the main branch to your git host

推送完成后,您将在 Appflow 仪表板的 Commits 选项卡下看到您的提交。有关更多信息,请查看 Appflow 文档中的 推送提交 部分。

部署实时更新

安装了 Appflow SDK 并且您的提交已推送到仪表板后,您就可以将实时更新部署到设备了。实时更新功能使用安装的 Appflow SDK 与您的原生应用一起,监听特定的 Deploy Channel Destination。当实时更新分配到 Channel Destination 时,该更新将部署到运行配置为监听该特定 Channel Destination 的二进制文件的用户设备。

要部署实时更新,需要创建一个 Web 构建。这可以通过 Commits 选项卡上的 Start build 图标完成,也可以通过单击 Build > Builds 选项卡右上角的 New build 按钮完成。选择要部署的正确提交后,选择 Web 目标平台和 Latest 构建栈。根据您的 Appflow 计划,您还可以包括自定义环境(如果有配置)。最后,您可以启用 Live Update 并选择通道,以便在构建成功完成时自动将构建分配到该通道。

完成 Web 构建后,您可以使用额外的版本控制选项。完成本节并成功完成 Deploy 构建后,您可以将其分配到您在安装 Appflow SDK 时配置的监听相同通道(方法是在构建详细信息页面上单击 Deploy live updates 按钮,或单击 Build > Builds 选项卡中构建上的 Deploy live updates 图标,然后从下拉列表中选择通道)。

要接收此实时更新,您需要在设备或模拟器上运行应用。最简单快捷的方法是使用以下命令

ionic cordova run [ios | android] [options]

假设应用已正确配置为监听您部署的通道,如果您在设置过程中选择了自动更新方法,那么应用在启动时应立即更新。如果选择了后台更新方法,请确保在应用中停留约 30 秒以确保更新已下载。然后,关闭应用,重新打开它,您将看到已应用更新!

要深入了解部署实时更新的步骤以及其他信息(例如,禁用开发人员部署),请查看 Appflow 文档中的 部署实时更新 部分。

构建原生二进制文件

接下来是您的应用构建和部署过程的原生二进制文件。这是通过 Ionic Package 服务完成的。首先,您需要创建一个 Package 构建。这可以通过单击 Commits 选项卡上的 Start build 图标完成,也可以通过单击 Build > Builds 选项卡右上角的 New build 按钮完成。然后,您将选择构建的正确提交,并填写所有必填字段以及您要指定的任何可选字段。填写完所有信息并开始构建后,您可以查看构建进度,并在遇到任何错误时查看日志。

对于成功的 Package 构建,将提供一个 iOS 二进制文件(.ipa 或 IPA)或 Android 二进制文件(.apk 或 APK)。您可以随后下载该文件,以便通过单击构建详细信息页面右侧 Artifacts 部分中的文件名或单击 Build > Builds 选项卡中构建上的 Download IPA/APK 图标将其安装在设备上。

有关构建原生二进制文件的更多信息,请查看 Appflow 文档中的 构建原生二进制文件 部分。

创建自动化

自动化 使您和您的团队能够利用 Appflow 的完整 CI/CD 功能。您可以创建在团队将新代码提交到特定分支时触发 打包构建部署构建 的自动化。自动化还可以配置为使用不同的环境和原生配置来构建开发、暂存、测试和生产的不同版本应用程序。

有关更多信息,请访问 Appflow 文档中的 创建自动化 部分。在那里,您将看到有关创建单个自动化的详细信息。但是,您可以为不同的分支或工作流程创建多个自动化,并根据您的需求进行自定义。需要注意的是,创建自动化的功能仅适用于我们 基本计划 及更高版本的计划。

创建环境

打包构建部署构建 可以通过 环境 进行进一步自定义。此强大功能允许您根据构建时传入的环境变量创建不同的配置。与 自动化 功能相结合,开发团队可以轻松配置开发、暂存和生产构建配置,从而使他们能够采用 DevOps 最佳实践,以前所未有的速度交付更高质量的更新。

创建环境仅适用于我们 基本计划 及更高版本的计划。有关此方面的更多信息,请参见 Appflow 文档中的 创建环境 部分。

创建原生配置

原生配置 允许您轻松修改常见的配置值,这些值可能在不同的环境(开发、生产、暂存等)之间发生变化,因此您无需使用额外的逻辑或手动将它们提交到版本控制。原生配置可以附加到任何 打包构建自动化

原生配置可用于

要访问创建原生配置的功能,您需要使用我们的 基本计划 及更高版本的计划。有关此功能的更多详细信息,请参见 Appflow 文档中的 创建原生配置 部分。

下一步

恭喜!您开发了一个完整的跨平台照片库应用程序,它可以在网页、iOS 和 Android 上运行。不仅如此,您还构建了该应用程序并将其部署到用户的设备上!

从这里您可以选择很多路径。尝试将另一个 Ionic UI 组件 添加到应用程序,或添加更多 原生功能。一切皆有可能。在添加了另一个功能后,再次通过 Appflow 运行构建和部署过程,以将其发布给您的用户。

祝您构建应用程序愉快!💙