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 cloneスクリプト

このスクリプトは、Xcode Cloudのcloneステップの後に実行されます。

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