본문으로 바로가기
튜토리얼

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

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

작성자 소개

마틴 도나디유

작가

발레리아

리뷰어

조던

편집자

How to build Ionic Capacitor app in Xcode Cloud

준비 사항

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

  • GitHub을 사용하십시오.
  • Capacitor을 사용하십시오.
  • 애플 스토어에 이미 앱이 배포되어 있습니다.
  • 읽고 싶은 욕망 😆…

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

가격에 대한 중요한 점

Xcode Cloud 가격

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

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

🔴 요구 사항과 가격에 대해 경고한 후, 만약에, 계속 하시려면…

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

소개

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

패키지 준비

빌드 명령어를 스크립트에 포함하십시오. package.json 그런 다음 아래와 같은 명령어를 추가하십시오. sync:ios 이 단계는 post 스크립트를 단순하게 작동하게 합니다.

{
  "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

Xcode 워크플로우 생성 chmod +x ios/App/ci_scripts/ci_post_clone.sh

Xcode를 열으십시오 (Xcode를 제거하려면 Xcode가 필요합니다).

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

그리고 이 탭으로 이동하세요 : Xcode 단계 1

워크플로우 만들기 클릭, 앱 선택, 다음 단계 클릭

Xcode 단계 2

왼쪽에 있는 워크플로우 편집 클릭 Xcode 단계 2

환경 설정 탭으로 이동하여 Mac 12.4를 선택하고 아래와 같이 옵션을 체크하세요 Xcode 단계 3

시작 조건을 선택하세요. 우와 같은 빌드 사용 시 태그 대신 branch를 사용하여 중복 빌드를 피하세요.

환경 변수 설정 Xcode 단계 4

GitHub 계정 연결 Xcode 5단계

Xcode 6단계

그 다음으로 워크플로우를 활성화하고 첫 번째 변경 사항을 커밋하세요. Xcode에서 빌드를 실행할 수 있어야 합니다.

빌드 처리

Xcode Cloud에서 분량에 따라 요금이 청구됩니다. 개인 프로젝트의 경우, 빌드당 예상 비용은 $0.008/분 x 5분 = $0.4

또는 더 많은 경우가 있을 수 있습니다. 프로젝트의 구성 또는 의존성에 따라 다릅니다. 오픈 소스 프로젝트의 경우, 이 문제는 전혀 없습니다. 가격 정보

pricing pricing.

Ionic Capacitor 앱을 Xcode Cloud에서 빌드하는 방법에 계속 진행하세요.

만약 __CAPGO_KEEP_0__을 사용하고 있다면 How to build Ionic Capacitor app in Xcode Cloud CI/CD 자동화 계획을 세우려면 __CAPGO_KEEP_0__ CI/CD와 연결하세요. Capgo CI/CD Capgo CI/CD에서 제품 워크플로우 Capgo 네이티브 빌드 Capgo Native Builds에서 제품 워크플로우 Capgo 통합(Integrations) Capgo Integrations CI/CD 통합 CI/CD 통합 구현 세부 사항 GitHub 액션 통합 GitHub 액션 통합 구현 세부 사항에 대한 정보입니다.

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

웹-layer 버그가 활성화된 경우, 앱 스토어 승인 대기 없이 Capgo를 통해 패치를 배포합니다. 사용자는 배경에서 업데이트를 받으며 네이티브 변경 사항은 일반적인 검토 경로를 따릅니다.

최근 블로그

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