メインコンテンツにジャンプ
チュートリアル

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

Capacitor JSアプリをXcode Cloudで構築し、MacOSの必要性を回避する方法

マーティン・ドナディュー

マーティン・ドナディュー

コンテンツマーケター

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

前提条件

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

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

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

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

価格 Xcode Cloud

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

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

🔴 要件と価格についての注意を出してから、好きな場合は続きます…

📣 アプリがApple Storeで作成されていることを前提にします。

イントロ

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

パッケージ準備

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

{
  "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

script.sh ios/App/ci_scripts/ci_post_clone.sh

chmod +x script.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分かかります。 プライベート プロジェクトの場合、ビルドあたりの推定コストは

$0.008/分 x 5 分 = $0.4 、またはそれ以上、プロジェクトの構成または依存関係に応じて、ビルド処理

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

Capacitor アプリ向けのリアルタイム更新

Capgo を使用して、ウェブ層のバグが生じた場合に、数日間待つ必要のないアプリストアの承認を待たずに修正を配信することができます。ユーザーはバックグラウンドで更新を受け取り、ネイティブの変更は通常のレビュー経路を通じて実行されます。

今すぐ始めましょう

ブログの最新記事

Capgo を使用すると、プロフェッショナルなモバイルアプリを作成するために必要な最良の洞察を得ることができます。