Cómo compilar una aplicación Ionic Capacitor en Xcode Cloud

사전 조건

튜토리얼을 진행하기 전에…

GitHub을 사용하고 있는지 확인하세요
Capacitor 사용
앱이 이미 Apple Store에 배포되어 있어야 합니다
읽고자 하는 의지 😆…

Ionic 사용은 선택사항이며, Cordova도 작동할 수 있지만 시도해보지는 않았습니다

가격에 대한 중요 사항

Price 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