跳至主要内容
版本:v8

构建和部署您的应用程序

现在您已经构建了第一个应用程序,您需要将其分发出去,以便每个人都能开始使用它。构建和部署应用程序的过程可能相当繁琐。这就是 Appflow 发挥作用的地方。Appflow 使您能够有效地生成 Web 和原生构建,发布实时应用程序更新,将您的应用程序发布到应用商店,并自动化整个过程。完整的快速入门指南可以在 此处找到。

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

连接您的仓库

Appflow 直接与 Git 版本控制合作,并使用您现有的代码库作为部署和打包构建的真实来源。您首先需要与您的托管服务(如 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 与您的原生应用程序一起监听特定的部署渠道目的地。当实时更新分配给渠道目的地时,该更新将部署到运行配置为监听该特定渠道目的地的二进制文件的用户设备。

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

完成 Web 构建后,您将拥有更多版本控制选项。完成本节并成功进行部署构建后,您可以通过点击构建详细信息页面中的 Deploy live updates 按钮将构建分配给您在安装 Appflow SDK 时配置为监听的相同渠道。您也可以通过点击 Build > Builds 选项卡中的构建的 Deploy live updates 图标并从下拉菜单中选择渠道来完成此操作。

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

ionic cordova run [ios | android] [options]

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

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

构建原生二进制文件

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

在成功打包构建后,将为您提供 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 运行构建和部署流程,以将其发布给您的用户。

祝您应用程序开发愉快!💙