跳到主要内容
版本:v6

构建和部署你的应用

现在你已经构建了你的第一个应用,接下来需要将其分发出去,让大家开始使用它。构建和部署应用的机制可能相当繁琐。这就是 Appflow 发挥作用的地方。Appflow 允许你高效地生成 Web 和原生构建、推送实时应用更新、将应用发布到应用商店,并自动化整个过程。完整的快速入门指南可以在此处找到。

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

连接你的仓库​

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

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

安装 Appflow SDK​

Appflow SDK(也称为 Ionic Deploy 插件)将让你利用可以说是 Appflow 最好的两个功能:向应用部署实时更新和绕过应用商店。Ionic Appflow 的 Live Update 功能随 Appflow SDK 一起提供,具有检测和同步你通过仪表板推送到指定通道的应用更新的能力。

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

ionic deploy add \
--app-id="你的应用ID" \
--channel-name="你的通道名称" \
--update-method="background|auto|none" \

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

推送提交​

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

git add . # 暂存所有更改
git commit -m "添加了 appflow sdk" # 提交暂存的更改
git push origin main # 将 main 分支的更改推送到你的 git 托管服务

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

部署实时更新​

安装好 Appflow SDK 并将提交推送到仪表板后,你就可以将实时更新部署到设备了。Live Update 功能使用随你的原生应用安装的 Appflow SDK 来监听特定的 Deploy Channel Destination。当实时更新分配给某个 Channel Destination 时,该更新将部署到运行配置为监听该特定 Channel Destination 的二进制文件的用户设备。

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

Web 构建完成后,你还可以使用额外的版本控制选项。完成此部分并成功完成 Deploy 构建后,你可以通过点击构建详情页面中的 Deploy live updates 按钮,将其分配给你安装 Appflow SDK 时配置监听的同一 Channel。同样,可以通过点击 Build > Builds 标签中构建项的 Deploy live updates 图标并从下拉列表中选择 Channel 来完成。

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

ionic cordova run [ios | android] [options]

假设应用已正确配置为监听你部署到的 Channel,如果你在设置期间选择了自动更新方法,应用应在启动时立即更新。如果选择了后台更新方法,请确保在应用中停留约 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 能力。你可以创建在团队每次向给定分支提交新代码时触发的自动化 Package 构建和 Deploy 构建。自动化还可以配置为使用不同的环境和原生配置,用于构建开发、暂存、QA 和生产环境的不同版本应用。

更多信息,请访问 Appflow 文档中的创建自动化部分。在那里,你将看到创建单个自动化的详细信息。但是,你可以为不同的分支或工作流创建多个自动化,并根据需要自定义它们。需要注意的是,创建自动化的功能适用于我们的基础计划及以上的用户。

创建环境​

Package 构建和 Deploy 构建可以通过环境进一步自定义。这个强大的功能允许你根据构建时传入的环境变量创建不同的配置。与自动化功能结合使用时,开发团队可以轻松配置开发、暂存和生产构建配置,使他们能够比以往更快地采用 DevOps 最佳实践并交付更高质量的更新。

创建环境适用于我们的基础计划及以上的用户。有关更多信息,请参阅 Appflow 文档中的创建环境部分。

创建原生配置​

原生配置允许你轻松修改可以在不同环境(开发、生产、暂存等)之间更改的通用配置值,因此你无需使用额外逻辑或手动将其提交到版本控制。原生配置可以附加到任何 Package 构建或自动化中。

原生配置可用于:

要使用创建原生配置的功能,你需要拥有基础计划及以上的套餐。有关此功能的更多详细信息,请参阅 Appflow 文档中的创建原生配置部分。

下一步是什么?​

恭喜!你开发了一个完整的跨平台相册应用,可以在 Web、iOS 和 Android 上运行。不仅如此,你还构建了应用并将其部署到了用户设备上!

从这里开始有很多路可以走。尝试向应用添加另一个 Ionic UI 组件,或更多原生功能。天空才是极限。添加另一个功能后,再次通过 Appflow 运行构建和部署过程,将其发布给你的用户。

祝你构建应用愉快!