前提条件
このチュートリアルを続ける前に
- Capgoを使用するには、GitHub
- Capgoを使用するには、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"
}
}This step will make the post script work simply
Post clone script
Xcodeクラウドで実行されるこのスクリプトは、クローンステップ後に実行されます。
#!/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が使用するビルドと同じものを使用する場合は、タグをブランチよりも優先してください。二重ビルドを避けるためです。
環境変数を設定してください
XcodeのGitHubアカウントに接続してください
次に、ワークフローを有効化し、最初の変更をコミットしてください。Xcodeでビルドが実行されていることを確認してください。
ビルド処理中
Xcode Cloudでは、 CI/CDワークフローを実行するのにかかる分数に基づいて請求されます。Apple Storeでビルドが処理されるまでに約10-15分かかります。 In Xcode Cloud,
個人的プロジェクトの場合、ビルドの予定コストは最大で $0.008/分 x 5 分 = $0.4、または、プロジェクトの構成または依存関係に応じて、さらに高くなる可能性があります。
オープンソースプロジェクトの場合、これは全く問題ありません。詳しくは 料金.
Keep going from How to build Ionic Capacitor app in Xcode Cloud
「How to build Ionic __CAPGO_KEEP_0__ app in Xcode Cloud」を続けてください。 How to build Ionic Capacitor app in Xcode Cloud 「How to build Ionic __CAPGO_KEEP_0__ app in Xcode Cloud」を使用してCI/CDの自動化を計画し、それを Capgo CI/CD for the product workflow in Capgo CI/CD, 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統合 GitHub Actions Integration for the implementation detail in GitHub Actions Integration.
