前提条件
チュートリアルを続ける前に…
- GitHubを使用していることを確認してください
- Capacitorを使用してください
- アプリはすでにApple Storeにデプロイされています。
- 読む欲求😆…
Ionicを使用することは任意ですが、Cordovaの場合、機能するかもしれませんが、試してみました。
価格についての重要なこと
https://developer.apple.com/xcode-cloud/
サービスは「無料」 制限まで。
スクリーンショットで価格と制限を確認できます (価格はこのチュートリアルの作成時点のものであり、将来の変更が可能です)
🔴 要件と価格についての注意を出してから、好きなように続けます…
📣 このチュートリアルでは、Apple Storeにアプリを作成したと仮定しています
Intro
CapacitorアプリをXcodeでビルドするには、いくつかの設定を行う必要があります。
Package Preparation
__CAPGO_KEEP_0__アプリをビルドするためのスクリプトに、ビルドコマンドを追加してください。 package.json スクリプトに次のコマンドを追加してください。 sync:ios このステップにより、post scriptが簡単に実行されるようになります。
{
"scripts": {
"build": "YOUR BUILD COMMAND",
"sync:ios": "cap sync ios"
}
}Post clone script
このスクリプトは、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
Create an Xcode workflow chmod +x ios/App/ci_scripts/ci_post_clone.sh
__CAPGO_KEEP_0__アプリをビルドするためのXcodeワークフローを作成します。
Xcode を開きます (はい、Xcode を削除するには Xcode が必要です)
このタブに移動してください :
「作成ワークフロー」をクリックし、アプリを選択し、次に「次へ」をクリックしてください。
左側の「ワークフローを編集」をクリックしてください
環境設定タブに移動し、Mac 12.4 を選択し、適切なオプションをチェックしてください
開始条件を選択してください。 私たちが使用するビルドと同じ場合は、ブランチではなくタグを使用することをお勧めします。二重ビルドを避けるためです。
環境変数を設定してください
あなたのGitHubアカウントを接続してください
次に、ワークフローを有効にし、最初の変更をコミットしてください。Xcodeでビルドが実行されていることを確認してください。
ビルド処理
Xcode Cloudで あなたは、CI/CDワークフローを実行するのに使用した分数に基づいて請求されます。実際の経験から、Apple Storeでビルドが処理されるまでに約10-15分かかります。 プライベートプロジェクトの場合、ビルドあたりの推定コストは、$0.008/分 x 5 分 = $0.4、またはそれ以上になります。プロジェクトの構成や依存関係によって異なります。
オープンソースプロジェクトの場合、これは問題にならないはずです。 For Open-source projects, this shouldn’t be a problem at all. SeeCloudflare
Capacitor 料金.
Keep going from How to build Ionic Capacitor app in Xcode Cloud
XcodeでIonicアプリを構築する方法から続けて How to build Ionic Capacitor app in Xcode Cloud __CAPGO_KEEP_0__ CI/CD Capgo CI/CDの製品ワークフロー Capgo Native Builds Capgo Native Buildsの製品ワークフロー Capgo Integrations Capgo Integrationsの製品ワークフロー for the product workflow in Capgo Integrations, CI/CD自動化の計画 CI/CD統合における実装詳細について GitHub Actions統合 for the implementation detail in GitHub Actions Integration.
