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