How to build Ionic Capacitor app in Xcode Cloud

前提条件

このチュートリアルに進む前に

• Make sure you use GitHub
• Use Capacitor
• あなたのアプリはすでにApple Storeにデプロイされています
• 読みたいです…

Ionicを使用することはオプションです。Cordovaの場合、機能するかもしれませんが、私は試していません。

価格に関する重要なこと

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

サービスは ‘無料’ 制限まで無料です。
スクリーンショットで価格と制限 (価格はこのチュートリアルの作成時点のものであり、将来の変更が可能です)

🔴 要件と価格についての警告を受けた後、続ける場合はどうですか?

📣 この記事では、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が必要です)

そして、このタブに移動します:

クリックしてワークフローを作成し、アプリを選択し、次のようになります。

左側のエディットワークフローをクリックします

環境設定タブに移動し、Mac 12.4 を選択し、適切なオプションを確認してください

起動条件を選択してください。 Capgo のビルドを使用する場合は、タグをブランチよりも優先することをお勧めします。二重ビルドを避けるためです。

環境変数を設定してください

Connect your GitHub account

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

ビルド処理中

Xcode Cloud で __CAPGO_KEEP_0__ ご利用時間に応じて課金されます。

実際の経験から、Apple Storeでビルドが処理されるまでに約10～15分かかります。 プライベートプロジェクトの場合、ビルドあたりの予定費用は$0.008/分 × 5 分 = $0.4

、または、プロジェクトの構成や依存関係に応じて、さらに高くなる可能性があります。 オープンソースプロジェクトの場合、これは全く問題ありません。詳しくは.

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

をご覧ください。 How to build Ionic Capacitor app in Xcode Cloud Capacitor __CAPGO_KEEP_0__ アプリを Xcode Cloud でビルドする方法 をご覧ください。Capacitor Capgo アプリを Xcode Cloud でビルドする方法 製品ワークフローにおけるCapgo CI/CDのために Capgoネイティブビルド 製品ワークフローにおけるCapgoネイティブビルドのために Capgo統合 製品ワークフローにおけるCapgo統合のために CI/CD統合 製品ワークフローの実装詳細におけるCI/CD統合、そして GitHubアクション統合 製品ワークフローの実装詳細におけるGitHubアクション統合のために