跳过主要内容
教程

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
  • 想读……
  • 使用Ionic是可选的,Cordova也可以,但我没有尝试

价格的重要性

Xcode Cloud价格

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

使用__CAPGO_KEEP_0__

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

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

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

简介

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

包准备

确保您的构建命令在您的 package.json 脚本中。 然后添加以下命令。 sync:ios script. 然后添加如下命令。

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

本步骤将使post脚本工作简单

克隆post脚本

此脚本将在克隆步骤后由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

然后使用以下命令使此文件可执行 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 Cloud 中, 根据您运行 CI/CD 工作流的分钟数来计费。从经验来看,处理 Apple Store 的构建需要约 10–15 分钟。 对于私有项目,预估的每次构建成本最高可达 $0.008/分钟 x 5 分钟 = $0.4

或更多,取决于您的项目的配置或依赖项。 对于开源项目,这完全不是问题。请参阅定价

继续阅读《在 Xcode Cloud 中构建 Ionic __CAPGO_KEEP_0__ 应用程序的方法》 如果您正在使用.

在 Xcode Cloud 中构建 Ionic Capacitor 应用程序的方法

来规划 CI/CD 自动化,连接它到 Capacitor CI/CD 您每分钟将被根据您运行 CI/CD 工作流的分钟数来计费。从经验来看,处理 Apple Store 的构建需要约 10–15 分钟。对于私有项目,预估的每次构建成本最高可达 $0.008/分钟 x 5 分钟 = $0.4,或者更多,取决于您的项目的配置或依赖项。对于开源项目,这完全不是问题。请参阅定价。继续阅读《在 Xcode Cloud 中构建 Ionic __CAPGO_KEEP_0__ 应用程序的方法》。如果您正在使用在 Xcode Cloud 中构建 Ionic __CAPGO_KEEP_0__ 应用程序的方法来规划 CI/CD 自动化,连接它到__CAPGO_KEEP_0__ CI/CD 您每分钟将被根据您运行 CI/CD 工作流的分钟数来计费。从经验来看,处理 Apple Store 的构建需要约 10–15 分钟。对于私有项目,预估的每次构建成本最高可达 $0.008/分钟 x 5 分钟 = $0.4,或者更多,取决于您的项目的配置或依赖项。对于开源项目,这完全不是问题。请参阅定价。继续阅读《在 Xcode Cloud 中构建 Ionic Capgo 应用程序的方法》。如果您正在使用在 Xcode Cloud 中构建 Ionic Capgo 应用程序的方法来规划 CI/CD 自动化,连接它到Capgo CI/CD 为Capgo产品工作流程在Capgo CI/CD中 Capgo原生构建 为Capgo产品工作流程在Capgo原生构建中 Capgo集成 为Capgo产品工作流程在Capgo集成中 CI/CD集成 为CI/CD集成的实现细节,并 GitHub动作集成 为GitHub动作集成的实现细节。

实时更新Capacitor应用

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

来自马丁的人性化支持

立即开始

最新博客文章

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