跳过主要内容
简体中文

如何在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

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

设置您的环境变量 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 价格.

Capacitor 应用的实时更新

当 web 层 bug 活跃时,通过 Capgo 将修复推送到用户,而不是等待几天的应用商店审批。用户在后台接收更新,而原生变化保持在正常的审批路径中。

立即开始

最新博客文章

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