如何在Xcode Cloud中构建Ionic Capacitor应用

Prerequisites

Before continuing with the tutorial…

Make sure you use GitHub
Use Capacitor
您的应用程序已经在 Apple Store 上部署
想读 😆…

使用 Ionic 是可选的，针对 Cordova 可能会有效，但我没有尝试

关于价格的重要信息

价格 Xcode Cloud

https://developer.apple.com/xcode-cloud/

服务是 ‘免费’ free’ 截至上限。
您可以在截图中看到价格和限制（截图创建时的价格，未来可能会有变化）

🔴 一旦警告了需求和价格，如果您喜欢，我们继续……

📣 在文章中，我们假设我们已经在 Apple Store 中创建了应用

简介

要让 Xcode 构建您的 Capacitor 应用程序，您需要设置一些东西。

包裹准备

确保您的构建命令在您的脚本中。 package.json 然后添加命令如下。 sync:ios 这个步骤将使后脚本工作简单

{
  "scripts": {
    "build": "YOUR BUILD COMMAND",
    "sync:ios": "cap sync ios"
  }
}

克隆后脚本

此脚本将在克隆步骤后由 Xcode 云运行

#!/usr/bin/env bash

set -x

export HOMEBREW_NO_INSTALL_CLEANUP=TRUE
# Install CocoaPods
echo "📦 Install CocoaPods"
brew install cocoapods
brew install node@18
brew link node@18

# Install dependencies
# XCode Cloud is literally broken for 2 months now - https://developer.apple.com/forums/thread/738136?answerId=774510022#774510022
npm config set maxsockets 3
npm ci
# or `pnpm install --frozen-lockfile` or `yarn add --frozen-lockfile` or bun install
npm run build 
# or npm run build
npm run sync:ios

将此文件保存在项目根目录中并命名为 ios/App/ci_scripts/ci_post_clone.sh

然后使用以下命令使此文件可执行 chmod +x ios/App/ci_scripts/ci_post_clone.sh

创建 Xcode 工作流

打开 Xcode（是的，移除 Xcode 需要 Xcode）

然后转到此选项卡： Xcode 步骤 1

点击创建工作流，选择您的应用程序，点击下一步，如下所示

Xcode 步骤 2

点击左侧的编辑工作流 Xcode 步骤 2

转到环境选项卡并选择如以下 Mac 12.4 并检查适当选项 Xcode 步骤 3

选择您的启动条件。如果您使用与我们相同的构建，我建议使用标签而不是分支，以避免双重构建。

设置您的环境变量 Xcode 步骤 4

连接您的 GitHub 账户 Xcode 步骤 5

Xcode 步骤 6

然后启用工作流并提交您的第一个更改，您应该在 Xcode 中看到您的构建正在运行。

构建处理

在 Xcode 云中， 您根据运行 CI/CD 工作流的分钟数而被计费。从经验来看，构建在 Apple Store 中处理需要约 10–15 分钟。 在 Xcode 云中，

对于私有项目，估算的每次构建成本可能会达到 $0.008/min x 5 mins = $0.4,或更多，取决于您的项目的配置或依赖项。

对于开源项目，这完全不是问题。请参阅 pricing.

继续阅读《在Xcode Cloud中构建Ionic Capacitor应用》

如果您正在使用 《在Xcode Cloud中构建Ionic Capacitor应用》 来规划CI/CD自动化，连接它到 Capgo CI/CD 为Capgo CI/CD中的产品工作流程 Capgo Native Builds 为产品工作流程在Capgo原生构建中 Capgo集成为产品工作流程在Capgo集成中 CI/CD集成为CI/CD集成的实现细节，和 GitHub动作集成为GitHub动作集成的实现细节。