Ionic Capacitor アプリをXcode Cloudで作成する方法

前提条件

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

GitHubを使用していることを確認してください
Capacitorを使用してください
あなたのアプリはすでにApple Storeにデプロイされています
読むことができる…

Ionicを使用することは任意ですが、Cordovaの場合に機能するかもしれませんが、私は試していません。

価格に関する重要な点

価格 Xcode Cloud

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

サービスは ‘無料’ 制限まで
スクリーンショットで価格と制限（このチュートリアルの作成時点での価格、将来の変更が可能）を確認できます

🔴 要件と価格について警告された後、続ける場合はどうぞ…

📣 この記事では、Apple Storeでアプリを作成したと想定しています

イントロ

Xcodeが Capacitor アプリをビルドするには、いくつかの設定を実施する必要があります。

パッケージの準備

ビルドコマンドが含まれることを確認してください package.json script. 次に、以下のコマンドを追加します。 sync:ios __CAPGO_KEEP_0__

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

このステップでは、post scriptが簡単に動作するようにします。

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

次のコマンドを実行して、このファイルを実行可能にします。 chmod +x ios/App/ci_scripts/ci_post_clone.sh

Xcodeワークフローを作成します。

Xcodeを開きます (Xcodeを削除するには、Xcodeが必要です)。

このタブに移動してください : Xcode step 1

「ワークフローを作成」ボタンをクリックし、アプリを選択し、次に進みます。

Xcode step 2

左側のEdit workflowをクリック Xcode step 2

環境設定タブに移動し、Mac 12.4を選択し、正しいオプションを確認 Xcode step 3

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

環境変数を設定 Xcode step 4

Connect your GitHub account Xcode step 5

Xcode step 6

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

ビルド処理

Xcode Cloud内で使用時間に基づいて、CI/CD ワークフローを実行するのにかかる分数に応じて請求されます。実際の経験から、Apple Storeでビルドが処理されるまでに約10-15分かかります。プライベートプロジェクトの場合、ビルドあたりの予想コストは、$0.008/分 x 5 分 = $0.4

、またはそれ以上、プロジェクトの構成または依存関係に応じてます。 オープンソースプロジェクトの場合、これは全く問題ありません。価格情報を参照してください。続けて、Xcode CloudでIonicアプリをビルドする方法についての説明から進みます。

Xcode CloudでIonicアプリをビルドする方法について説明している場合に使用 Xcode CloudでIonicアプリをビルドする方法について説明している場合に使用.

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

Xcode CloudでIonicアプリをビルドする方法について説明している場合に使用 How to build Ionic Capacitor app in Xcode Cloud CI/CD自動化を計画するには、 Capgo CI/CD Capgo CI/CDの製品ワークフロー Capgoネイティブビルド Capgoネイティブビルドの製品ワークフロー Capgo統合 Capgo統合の製品ワークフロー CI/CD統合 CI/CD統合の実装詳細 GitHubアクション統合 GitHubアクション統合の実装詳細

IonicアプリをXcode CloudでCapacitorに作成する方法