Xcode CloudでIonic Capacitorアプリケーションを作成する方法

Xcode Cloudを使用して、macOSを必要とせずにCapacitor JSアプリケーションをコンパイルします。

前提条件

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

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

Ionicの使用は任意です。Cordovaでも動作する可能性がありますが、私は試していません。

価格に関する重要事項

価格 Xcode Cloud

https://developerapplecom/xcode-cloud/

サービスは制限まで「無料」です
スクリーンショットで価格と制限を見ることができます（チュートリアル作成時の価格、将来的に変更される可能性があります）

🔴 要件と価格について警告された後に、興味があれば続行します

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

イントロ

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

パッケージの準備

packagejsonスクリプトにビルドコマンドがあることを確認してください
次に、以下のように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 install --frozen-lockfile` or bun install
npm run build
# or npm run build
npm run sync:ios