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 このステップでは、post scriptが単純に実行されるようにします。

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

クローン後実行されるスクリプト

このスクリプトは、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

Xcodeワークフローを作成する chmod +x ios/App/ci_scripts/ci_post_clone.sh

Xcodeワークフローを作成する

Xcodeを開く（はい、Xcodeを削除するにはXcodeが必要）

そして、このタブに移動してください： Xcodeステップ1

右下の「create workflow」をクリックし、アプリを選択し、次に進みます。

Xcodeステップ2

左側の「Edit workflow」をクリック Xcodeステップ2

環境設定タブに移動し、Mac 12.4を選択し、正しいオプションをチェックしてください Xcodeステップ3

ビルドを開始する条件を選択してください。私たちが使用しているビルドと同じ場合は、ブランチではなくタグを使用することをお勧めします。二重ビルドを避けるためです。

環境変数を設定 Xcodeステップ4

GitHubアカウントに接続してください Xcodeのステップ 5

Xcodeのステップ 6

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

ビルド処理中

Xcode Cloudで 使用時間に基づいて請求されます。 実際には、Apple Storeでビルドが処理されるまでに約10～15分かかります。

プライベートプロジェクトの場合、ビルドあたりの予想コストは 0.008/分 x 5 分 = 0.4 ドル、または、プロジェクトの構成または依存関係に応じて、さらに高くなります。

オープンソースプロジェクトの場合は、問題ありません。料金.

Keep going from How to build Ionic Capacitor app in Xcode Cloud

Capgoを使用している場合 How to build Ionic Capacitor app in Xcode Cloud Capgo CI/CDと接続する Capgo CI/CD for the product workflow in Capgo CI/CD, Capgo Native Builds for the product workflow in Capgo Native Builds, Capgo Integrations for the product workflow in Capgo Integrations, CI/CD統合 CI/CD統合の実装詳細について GitHub Actions統合 GitHub Actions統合の実装詳細について