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 scriptが簡単に動作するようにします。 sync:ios クローン後のスクリプト

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

~制限まで。

スクリーンショットで価格と制限 (価格はチュートリアルの作成時点のものであり、将来の変更が可能です) を確認できます。

このスクリプトは、クローンステップ後に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 分かかります。 In Xcode Cloud,

個人的プロジェクトの場合、ビルドの予定コストは最大で $0.008/分 x 5 分 = $0.4、またはそれ以上、プロジェクトの構成または依存関係に応じて

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

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 をCapgo CI/CD の製品ワークフローにCapgo CI/CD のCapgoネイティブビルド製品ワークフローにおけるCapgoネイティブビルドの Capgo統合製品ワークフローにおけるCapgo統合の CI/CD統合 CI/CD統合の実装詳細については、 GitHubアクション統合実装詳細についてはGitHubアクション統合の

Xcode CloudでIonic Capacitor アプリを構築する方法