Xcode Cloudでのアプリ開発のためのIonic Capacitorの設定

前提条件

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

GitHubを使用していることを確認
Capacitorを使用
アプリがすでにApple Storeにデプロイされている
読む意欲がある😆…

Ionicの使用はオプションです。Cordovaでも動作する可能性がありますが、試していません。

価格に関する重要事項

Price Xcode Cloud

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

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

🔴 要件と価格について警告しましたので、よろしければ続けましょう…

📣 この投稿では、Apple Storeにアプリが作成済みであることを前提としています

はじめに

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

パッケージの準備

package.jsonスクリプトにビルドコマンドがあることを確認してください。そして、以下のように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