跳过主要内容
教程

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

前提条件

继续教程之前,请注意…

  • 确保您使用 GitHub
  • 使用 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"
  }
}

这个步骤将使后脚本工作简单

后克隆脚本

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

然后使用以下命令使此文件可执行 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 分钟。 在 Xcode Cloud 中,您根据运行 CI/CD 工作流程所用的分钟数而被计费。从经验来看,构建在 Apple Store 中处理需要约 10–15 分钟。

对于私有项目,预估的构建成本可能达到 $0.008/分钟 x 5 分钟 = $0.4,或更多,取决于您的项目的配置或依赖项。

对于开源项目,这完全不是问题。请参见 定价.

继续阅读《如何在 Xcode Cloud 中构建 Ionic Capacitor 应用》

如果您正在使用 《如何在 Xcode Cloud 中构建 Ionic Capacitor 应用》 来规划 CI/CD 自动化,连接它到 Capgo CI/CD 为 Capgo CI/CD 中的产品工作流程 Capgo 原生构建 为Capgo原生构建工作流程 Capgo集成 为Capgo集成工作流程 CI/CD集成 为CI/CD集成的实现细节 GitHub动作集成 为GitHub动作集成的实现细节

Live updates for Capacitor apps

当一个 web 层 bug 活跃时,通过 Capgo 发布修复,而不是等待几天的 app store 审核。用户在后台接收更新,而原生变化仍在正常的审查路径中。

来自 Martin 的人性化支持

立即开始

最新博客

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