跳过主要内容
教程

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

使用Xcode Cloud构建您的Capacitor JS应用,避免使用MacOS的需要。

马丁·多纳迪厄

马丁·多纳迪厄

内容营销人员

如何在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 然后添加

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

命令,如下所示。

这个步骤将使post脚本工作简单化。

克隆后脚本

#!/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

这个脚本将在Xcode云中运行 ios/App/ci_scripts/ci_post_clone.sh

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

然后使用以下命令使此文件可执行

打开 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/分钟×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.

Capacitor 应用程序的实时更新

当 web 层面的 bug 活跃时,通过 Capgo 将修复推送到用户,而不是等待几天的应用商店审批。用户在后台接收更新,而本机更改仍然在正常的审批路径中。

立即开始

博客最新文章

Capgo 为您提供创建真正专业的移动应用所需的最佳见解。