前提条件
チュートリアルを続ける前に
- GitHub を使用してください
- Capacitor を使用してください
- アプリはすでにApple Storeにデプロイされています
- 読みたいです…
Ionicを使用することは任意ですが、Cordovaの場合に機能するかもしれませんが、試してみました。
価格に関する重要な注意事項
https://developer.apple.com/xcode-cloud/
サービスは'無料' 上限まで。
スクリーンショットでは価格と制限 (価格はこのチュートリアルの作成時点で、将来の変更が可能です) を確認できます。
🔴 要件と価格についての警告を受けた後、続ける場合はどうですか?
📣 この記事では、Apple Storeでアプリを作成したと仮定しています。
イントロ
Capacitor アプリを Xcode でビルドするには、いくつかの設定が必要です。
パッケージの準備
ビルドコマンドがスクリプトに含まれていることを確認してください。 package.json 次に、以下のコマンドを追加してください。 sync:ios このステップでは、ポストスクリプトが簡単に動作するようにします。
{
"scripts": {
"build": "YOUR BUILD COMMAND",
"sync:ios": "cap sync ios"
}
}ポストクローンスクリプト
Post clone script
This script will be run by Xcode cloud after the clone step
#!/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このスクリプトは、クローンステップ後にXcode Cloudによって実行されます。 ios/App/ci_scripts/ci_post_clone.sh
Save this file in the root of your project and name it chmod +x ios/App/ci_scripts/ci_post_clone.sh
プロジェクトのルートディレクトリにこのファイルを保存し、ファイル名を設定してください。
Then make this file executable with this command
次に、このコマンドを実行してファイルを実行可能にします。
Xcodeワークフローを作成してください。
Xcodeを開いてください（はい、Xcodeを削除するにはXcodeが必要です）。
次に、このタブに移動してください：
開始条件を選択してください。 Capgoのビルドを同じものを使用する場合は、タグをブランチよりも使用することをお勧めします。二重ビルドを避けるためです。
環境変数を設定してください。
Connect your GitHub account
ワークフローを有効にし、最初の変更をコミットしてください。ビルドがXcodeで実行されていることを確認してください。
ビルド処理中
Xcode Cloudでは、 CI/CDワークフローを実行するのにかかる分数に基づいて請求されます。Apple Storeでビルドが処理されるまでに約10-15分かかります。 you have used for running your CI/CD workflow. From experience, it takes about 10–15 minutes before a build can be processed in the Apple Store.
Capgoのプライベートプロジェクトの場合、ビルドの予定コストは最大で $0.008/分 x 5 分 = $0.4、または、プロジェクトの構成または依存関係に応じて、さらに高くなる可能性があります。
オープンソースプロジェクトの場合、これは全く問題ありません。詳しくは 料金.
Keep going from How to build Ionic Capacitor app in Xcode Cloud
CapgoのIonicアプリをXcode Cloudでビルドする方法の続き How to build Ionic Capacitor app in Xcode Cloud を使用して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 Capgo Actions Integration GitHub Actions Integration for the implementation detail in GitHub Actions Integration.
