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

必要な前提条件

チュートリアルを続ける前に…

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

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

価格についての重要なこと

Xcode Cloudの価格

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

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

🔴 価格と要件について警告された後、好きなように続けることができます。

📣 この投稿では、Apple Storeでアプリを作成したと仮定しています。

イントロ

XcodeがCapacitorアプリをビルドするには、以下の設定を行う必要があります。

パッケージの準備

ビルドコマンドがスクリプトに含まれていることを確認してください。次に、以下のコマンドを追加してください。 package.json このステップでは、postスクリプトが簡単に動作するようにします。 sync:ios post clone スクリプト

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

post clone スクリプト

このスクリプトは、クローンステップ後に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ステップ 1

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

Xcodeステップ 2

左側の「ワークフローを編集」ボタンをクリックします。 Xcodeステップ 2

環境設定タブに移動し、Mac 12.4を選択し、適切なオプションをチェックしてください。 Xcode ステップ 3

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

環境変数を設定してください Xcode ステップ 4

あなたの GitHub アカウントを接続してください Xcode ステップ 5

Xcode ステップ 6

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

ビルド処理

Xcode Cloud であなたは、CI/CD ワークフローを実行するのに費やした分数に基づいて請求されます。Apple Store でビルドが処理されるまでに約 10–15 分かかることが経験からわかっています。 Xcode Cloud で

個人的プロジェクトの場合、ビルドの予定コストは 1 分あたり $0.008 x 5 分 = $0.4 まで上がる可能性があります。 $0.008/分 x 5 分 = $0.4プロジェクトの構成または依存関係によっては、さらに多くかかる可能性があります。

オープンソースプロジェクトの場合、これは全く問題ありません。料金.

How to build Ionic Capacitor app in Xcode Cloud から続けてください。

Capacitor を使用している場合、 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統合 CI/CD統合の実装詳細について、 GitHub Actions Integration for the implementation detail in GitHub Actions Integration.