构建和部署您的应用

现在您已经构建了第一个应用，您会希望将其分发出去，以便每个人都可以开始使用它。构建和部署应用程序的机制可能非常繁琐。这就是 **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 仪表板中的安装说明进行操作，方法是点击 `部署 > 目标` 部分中的“安装说明”。或者，您可以通过在应用的根目录中执行以下命令来手动安装插件

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 仪表板的 `提交` 选项卡下看到您的提交。有关此方面的更多信息，请查看 Appflow 文档中的 推送提交 部分。

部署实时更新

安装了 Appflow SDK 并将您的提交推送到仪表板后，您就可以将实时更新部署到设备了。实时更新功能使用已安装的 Appflow SDK 与您的原生应用程序配合使用，以监听特定的部署通道目标。当实时更新分配给通道目标时，该更新将部署到运行已配置为监听该特定通道目标的二进制文件的用户设备。

要部署实时更新，需要创建 Web 构建。这可以通过 `提交` 选项卡中的 `开始构建` 图标，或者通过点击 `构建 > 构建` 选项卡右上角的 `新建构建` 按钮来完成。选择要部署的正确提交后，选择 `Web` 目标平台和 `最新` 构建栈。根据您的 Appflow 计划，您随后将能够包含自定义环境（如果有配置）。最后，您可以启用 `实时更新` 并选择通道，以便在构建成功完成时自动将其分配给该通道。

完成 Web 构建后，您将可以使用其他版本控制选项。完成此部分后，您拥有了一个成功的部署构建，您可以将其分配给您在安装 Appflow SDK 时配置其监听的相同通道，方法是点击构建详细信息页面中的 `部署实时更新` 按钮。也可以通过点击 `构建 > 构建` 选项卡中构建上的 `部署实时更新` 图标，然后从下拉列表中选择通道来完成此操作。

要接收此实时更新，您需要在设备或模拟器上运行该应用程序。最快速便捷的方法是使用以下命令

ionic [cordova | cap] run [ios | android] [options]

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

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

构建原生二进制文件

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

对于成功的打包构建，iOS 二进制文件（`.ipa` 或 IPA）和/或 Android 二进制文件（`.apk` 或 APK）文件将可供您使用。随后可以下载该文件，以便您可以通过点击构建详细信息页面右侧 `工件` 部分中的文件名，或者点击 `构建 > 构建` 选项卡中构建上的 `下载 IPA/APK` 图标，将其安装到设备上。

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

创建自动化

自动化 使您和您的团队能够充分利用 Appflow 的 CI/CD 能力。您可以创建每当您的团队将新的代码提交到给定分支时触发 打包构建 和 部署构建 的自动化。自动化也可以配置为使用不同的环境和原生配置来构建您的应用程序的不同版本，以供开发、暂存、QA 和生产使用。

欲了解更多信息，请访问 Appflow 文档中的 创建自动化 部分。在那里，您将看到有关创建单个自动化的详细信息。但是，您可以为不同的分支或工作流程创建多个自动化，并根据您的需求对其进行自定义。一个重要的注意事项是，创建自动化的功能适用于我们的 基础计划 及以上用户。

创建环境

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

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

创建原生配置

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

原生配置可用于

• 覆盖 config.xml 中的唯一包标识符或 id 属性
• 覆盖 App 名称，它将显示在设备的主屏幕上
• 覆盖 Appflow SDK（部署插件）变量和首选项

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

下一步

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

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

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