跳过主要内容
教程

How to build Ionic Capacitor app in Xcode Cloud

Use Xcode cloud to build your Capacitor JS app and bypass the need of MacOS.

马丁·多纳迪厄

马丁·多纳迪厄

内容营销人员

How to build Ionic Capacitor app in Xcode Cloud

前提条件

继续教程之前,请确保…

  • Make sure you use GitHub
  • Use Capacitor
  • 您的应用程序已经在 Apple Store 上线
  • 想读的内容😆…

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

关于价格的重要信息

Xcode Cloud 的价格

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

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

🔴 已警告要求和价格后,如果您喜欢,我们继续…

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

简介

To make Xcode build your Capacitor app, you need to set up a few things.

包准备

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

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

克隆后脚本

这个脚本将在Xcode Cloud克隆步骤后运行。

将此文件保存在项目根目录并命名为

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

__CAPGO_KEEP_0__

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

然后进入这个选项卡: Xcode 步骤 1

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

Xcode 步骤 2

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

进入环境选项卡,选择如下的 Mac 12.4,并检查正确的选项 Xcode 步骤 3

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

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

连接您的GitHub账户 Xcode步骤5

Xcode步骤6

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

构建处理中

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

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

]} ]} 价格.

Keep going from How to build Ionic Capacitor app in Xcode Cloud

如果您正在使用 How to build Ionic Capacitor app in Xcode Cloud 为CI/CD自动化规划,连接它到 Capgo CI/CD for the product workflow in Capgo CI/CD, Capgo Native Builds for the product workflow in Capgo Native Builds, Capgo Integrations for the product workflow in Capgo Integrations, CI/CD集成 为 CI/CD Integration 的实现细节, 和 GitHub Actions Integration 为 GitHub Actions Integration 的实现细节

Capacitor 应用实时更新

当 web-layer bug 活跃时,通过 Capgo 将修复推送到应用,而不是等待应用商店批准。用户在后台接收更新,而原生更改仍在正常审查路径中。

来自 Martin 的人性化支持

立即开始

最新博客文章

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