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

先决条件

继续教程之前，请确保您使用了 __CAPGO_KEEP_0__

使用 GitHub
Use Capacitor
您的应用程序已经在 Apple Store 上部署
想看😆…

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

关于价格的重要提示

Xcode Cloud 的价格

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

该服务是 ‘免费的” 到达限制
您可以在截图中看到价格和限制（截图创建时的价格，可能会在未来发生变化）

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

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

简体中文

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

包裹准备

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

{
  "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

创建Xcode工作流 chmod +x ios/App/ci_scripts/ci_post_clone.sh

Intro

打开 Xcode (是的，为了移除 Xcode，您需要 Xcode)

然后转到这个标签 : Xcode 步骤 1

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

Xcode 步骤 2

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

转到环境变量标签，选择如下 Mac 12.4 并检查正确选项 Xcode 步骤 3

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

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

连接您的GitHub账户 Xcode步骤 5

Xcode步骤 6

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

构建处理

在Xcode Cloud中 您根据运行CI/CD工作流程所用的分钟数而被收费。从经验来看，构建在Apple Store中处理需要约10-15分钟。 对于私有项目，估计每次构建的成本可能高达

$0.008/分钟 x 5 分钟 = $0.4 ，或更多，具体取决于您的项目的配置或依赖项。对于开源项目，这完全不是问题。请参阅

For Open-source projects, this shouldn’t be a problem at all. See 价格.

从如何在 Xcode 中构建 Ionic Capacitor 应用程序开始

如果您正在使用 如何在 Xcode 中构建 Ionic Capacitor 应用程序 计划 CI/CD 自动化时，连接它与 Capgo CI/CD 在 Capgo CI/CD 中的产品工作流程 Capgo 原生构建在 Capgo 原生构建中 Capgo 集成在 Capgo 集成中 CI/CD 集成 CI/CD 集成的实现细节 GitHub Actions 集成 for the implementation detail in GitHub Actions Integration.

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