Xcode CloudでIonic Capacitorアプリをビルドする方法

前提条件

チュートリアルを続ける前に…

必ず GitHub を使用してください
Capacitor を使用する
アプリはすでにApp Storeで公開済みです
読みたくなる 😆…

Ionicの使用は任意です。Cordovaでも動作する可能性がありますが、試していません。

料金に関する重要事項

Xcode Cloudの料金

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

本サービスは「無料」 上限まで。
スクリーンショットで価格と制限を確認できます（価格はチュートリアル作成時点のもので、将来変更される可能性があります）。

🔴 要件と価格を確認したところで、続けましょう…

📣 本記事では、App Storeにアプリが作成済みであることを前提としています。

はじめに

XcodeでCapacitorアプリをビルドするには、いくつかの設定が必要です。

パッケージの準備

ビルドコマンドが package.json スクリプトに含まれていることを確認してください。次に、以下のように sync:ios コマンドを追加します。

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

この手順で、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

Create workflowをクリックし、アプリを選択して、以下のようにNextをクリックします。

Xcode ステップ 2

左側のEdit workflowをクリックします Xcode ステップ 2

Environmentsタブに移動し、以下のようにMac 12.4を選択して、該当するオプションにチェックを入れます Xcode ステップ 3

開始条件（start condition）を選択します。二重ビルドを避けるため、私たちと同じビルドを使う場合は、branchではなくTagの使用をおすすめします。

env変数を設定します Xcode ステップ 4

GitHub アカウントを連携する Xcode ステップ 5

Xcode ステップ 6

次にワークフローを有効にして最初の変更をコミットすると、Xcode でビルドが実行されているのが確認できます。

ビルド処理中

Xcode Cloud では、 CI/CD ワークフローの実行に 使用した時間（分）に基づいて課金されます。経験上、ビルドが App Store で処理されるまでには約 10〜15 分かかります。

プライベートプロジェクトの場合、1 ビルドあたりの推定コストは最大で $0.008/分 x 5分 = $0.4プロジェクトの設定や依存関係によって、これ以上になる場合もあります。

オープンソースプロジェクトであれば、これは全く問題にならないはずです。詳細はこちら：料金プランを見る.

Xcode CloudでIonic Capacitor appをビルドする方法の続き

使用している場合 Xcode CloudでIonic Capacitorアプリをビルドする方法 CI/CD自動化を計画するには、次と連携してください Capgo での CI/CD 設定 Capgo CI/CDでのプロダクトワークフローについては、 Capgo Native Build Capgo Native Buildsでのプロダクトワークフローについては、 Capgo インテグレーション Capgo インテグレーションでのプロダクトワークフロー向けに、 CI/CD 連携 CI/CD Integrationの実装詳細については、 GitHub Actions 連携 GitHub Actions Integrationの実装詳細については。