How to build Ionic Capacitor app in Xcode Cloud

필수 조건

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

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

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

가격에 대한 중요한 정보

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

서비스는 ‘무료’ 한정까지 무료입니다.
스크린샷에서 가격과 제한을 확인하실 수 있습니다 (이 가격은 튜토리얼 작성 시점의 가격이며 미래에 변경될 수 있습니다)

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

📣 이 글에서, 애플 스토어에 앱을 생성한 것으로 가정합니다.

소개

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

패키지 준비

빌드 명령어를 스크립트에 포함시켜두세요. 그다음 아래와 같은 명령어를 추가하세요. package.json 준비 sync:ios 설정

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

이 단계는 스크립트를 실행하기 위해 post 스크립트를 단순하게 만들 것입니다.

포스트 클론 스크립트

이 스크립트는 클론 단계 후에 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 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가 필요합니다)

그리고 이 탭으로 이동하세요:

Create workflow 버튼을 클릭하고 앱을 선택한 다음 Next 버튼을 클릭하세요.

왼쪽에 Edit workflow 버튼을 클릭하세요.

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

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

환경 변수를 설정하세요.

Connect your GitHub account

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

빌드 처리 중

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

오픈 소스 프로젝트의 경우, 이 문제는 전혀 없습니다. 자세한 내용은 pricing개인 프로젝트의 경우, 빌드당 예상 비용은 $0.008/분 x 5분 = $0.4, 또는 더 비쌉니다. 이는 프로젝트의 구성 또는 의존성에 따라 달라집니다.

오픈 소스 프로젝트의 경우, 이 문제는 전혀 없습니다. 자세한 내용은 pricing.

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

이 방법을 사용하여 CI/CD 자동화 계획을 세우고 Capacitor CI/CD 에 연결하세요. Capgo CI/CD 제품 워크플로우에 대한 Capgo CI/CD를 위해 Capgo 네이티브 빌드 제품 워크플로우에 대한 Capgo 네이티브 빌드 Capgo 통합 제품 워크플로우에 대한 Capgo 통합 CI/CD 통합 CI/CD 통합 구현 세부 사항에 대한 GitHub 액션 통합 CI/CD 통합 구현 세부 사항에 대한 GitHub 액션 통합