본문으로 이동
튜토리얼

아이오닉 Capacitor 앱을 Xcode Cloud에서 빌드하는 방법

Xcode Cloud를 사용하여 Capacitor JS 앱을 빌드하고 MacOS의 필요성을 피하세요.

Martin Donadieu

Martin Donadieu

콘텐츠 마케터

아이오닉 Capacitor 앱을 Xcode Cloud에서 빌드하는 방법

사전 조건

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

  • GitHub을 사용하는지 확인하세요
  • Capacitor을 사용하세요
  • 애플 스토어에 이미 앱이 배포되어 있습니다
  • 읽고 싶은 마음이 드는군요 😆…

아이오닉을 사용하는 것은 선택사항입니다. 코르도바를 사용하는 경우에도 작동할 수 있지만,私は試していません.

가격에 대한 중요한 점

가격 Xcode Cloud

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

서비스는 ‘무료’ 한정량까지.
스크린샷에서 가격과 제한 (튜토리얼 생성 시 가격, 미래에 변경될 수 있음)을 확인할 수 있습니다.

🔴 요구 사항과 가격에 대한 경고를 받은 후, 계속하려면 좋습니다…

📣 포스트에서는 애플 스토어에 앱을 생성한 것으로 가정합니다.

소개

Xcode Cloud가 Capacitor 앱을 빌드하도록 하려면 몇 가지 설정을 해야 합니다.

패키지 준비

빌드 명령이 포함된 빌드 명령이 있는지 확인하십시오. package.json 스크립트를 추가하세요. 그 다음에 다음 명령어를 입력하세요. sync:ios 다음과 같은 명령어를 입력하세요.

{
  "scripts": {
    "build": "YOUR BUILD COMMAND",
    "sync:ios": "cap sync ios"
  }
}

이 단계를 통해 post 스크립트가 간단하게 작동할 것입니다.

Post 클론 스크립트

클론 단계 후에 Xcode 클라우드에서 이 스크립트를 실행할 것입니다.

#!/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

이 파일을 프로젝트의 루트 폴더에 저장하고 이름을 ios/App/ci_scripts/ci_post_clone.sh

그 다음에 다음 명령어를 입력하여 이 파일을 실행할 수 있도록 만드세요. chmod +x ios/App/ci_scripts/ci_post_clone.sh

Xcode 워크플로우를 생성하세요.

Xcode를 열어보세요 (Xcode를 삭제하려면 Xcode가 필요합니다).

그 다음에 이 탭으로 이동하세요. Xcode 1단계

워크플로우를 생성하세요, 앱을 선택하고 다음 단계로 이동하세요. 다음과 같이.

Xcode 단계 2

왼쪽에 있는 Edit workflow을 클릭하세요. Xcode 단계 2

환경 설정 탭으로 이동하여 Mac 12.4와 같은 환경을 선택하고 올바른 옵션을 확인하세요. Xcode 단계 3

시작 조건을 선택하세요. Capgo와 동일한 빌드를 사용하는 경우, 태그 대신 branch를 사용하여 중복 빌드를 피하기 위해 태그를 추천합니다.

환경 변수를 설정하세요. Xcode 단계 4

Capgo GitHub 계정에 연결하세요. Xcode 단계 5

Xcode 단계 6

그 다음 워크플로우를 활성화하고 첫 번째 변경 사항을 커밋하세요. Xcode에서 빌드가 실행 중인지 확인하세요.

빌드 처리

Xcode Cloud에서 당신은 CI/CD 워크플로우를 실행하는 데 사용한 분의 수에 따라 요금이 청구됩니다. 경험상, 애플 스토어에서 빌드를 처리하는 데 10-15분 정도 걸립니다. 개인 프로젝트의 경우, 빌드당 예상 비용은 프로젝트의 구성 또는 의존성에 따라 "$0.008/분 x 5분 = $0.4", 또는 그 이상일 수 있습니다.

오픈 소스 프로젝트의 경우, 이 문제는 전혀 없습니다. 가격 정보를 확인하세요. Keep going from How to build Ionic __CAPGO_KEEP_0__ app in Xcode CloudCapacitor를 사용하는 경우

How to build Ionic __CAPGO_KEEP_0__ app in Xcode Cloud Build Processing.

Keep going from How to build Ionic Capacitor app in Xcode Cloud

you are billed based on the minutes How to build Ionic Capacitor app in Xcode Cloud CI/CD 자동화 계획을 수립하기 위해 연결하세요. Capgo CI/CD Capgo CI/CD에서 제품 워크플로우를 위해 Capgo 네이티브 빌드 Capgo 네이티브 빌드에서 제품 워크플로우를 위해 Capgo 통합 Capgo 통합에서 제품 워크플로우를 위해 CI/CD 통합 CI/CD 통합 구현 세부 사항에 대해 GitHub 액션 통합 GitHub 액션 통합 구현 세부 사항에 대해

Capacitor 앱에 대한 실시간 업데이트

Capgo을 통해 웹-layer 버그가 생긴 경우, 앱 스토어 승인까지 며칠 기다리지 않고 바로修정해 주세요. 사용자는 배경에서 업데이트를 받으며, 네이티브 변경은 정상적인 검토 경로를 유지합니다.

시작하기

최신 블로그 글

Capgo은 전문적인 모바일 앱을 만들기 위해 필요한 최고의 통찰력을 제공합니다.