构建和部署你的应用
现在你已经构建了你的第一个应用,接下来需要将其分发出去,让大家开始使用它。构建和部署应用的机制可能相当繁琐。这就是 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 构建或自动化中。
原生配置可用于:
- 覆盖
config.xml中的唯一包标识符或 id 属性 - 覆盖将显示在设备主屏幕上的应用名称
- 覆盖 Appflow SDK(Deploy 插件)变量和偏好设置
要使用创建原生配置的功能,你需要拥有基础计划及以上的套餐。有关 此功能的更多详细信息,请参阅 Appflow 文档中的创建原生配置部分。
下一步是什么?
恭喜!你开发了一个完整的跨平台相册应用,可以在 Web、iOS 和 Android 上运行。不仅如此,你还构建了应用并将其部署到了用户设备上!
从这里开始有很多路可以走。尝试向应用添加另一个 Ionic UI 组件,或更多原生功能。天空才是极限。添加另一个功能后,再次通过 Appflow 运行构建和部署过程,将其发布给你的用户。
祝你构建应用愉快!