메인 콘텐츠로 바로가기
튜토리얼

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

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

마틴 도나디유

마틴 도나디유

콘텐츠 마케터

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

기본 조건

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

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

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

가격에 대한 중요한 점

Xcode Cloud 가격

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

이 서비스는 '무료' __CAPGO_KEEP_0__
가격과 제한 (이 튜토리얼이 생성된 시점의 가격으로, 미래에 변경될 수 있음)을 screenshot에서 확인할 수 있습니다.

🔴 요구 사항과 가격에 대해 경고가 된 후, 만약에 좋다면 계속합니다…

📣 애플 스토어에서 앱을 생성했다고 가정합니다.

Intro

Xcode가 Capacitor 앱을 빌드하기 위해서는 몇 가지 설정을 해야 합니다.

Package Preparation

빌드 명령어를 script에 포함하고 있는지 확인하세요. 그 다음에 아래와 같은 명령어를 추가하세요. package.json 이 단계는 post script가 단순하게 작동하도록 합니다. sync:ios Post clone script

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

up to the limit.

You can see in the screenshot price and limits (prices as of the creation of the tutorial, they could undergo changes in the future)

이 스크립트는 클론 단계 후 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가 필요합니다). 이 탭으로 이동하세요 :

Xcode 단계 1

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

Xcode 단계 2 워크플로우를 편집하세요.

Xcode 단계 2 (이름이 중복되었습니다. 이름을 변경했습니다.) Xcode 단계 3

시작 조건을 선택하세요. 우와 같은 빌드를 사용하는 경우, 태그 대신 branch를 사용하여 빌드가 중복되지 않도록 하세요.

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

Connect your GitHub account Xcode 단계 5

Xcode 단계 6

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

빌드 처리

Xcode Cloud에서 Xcode Cloud에서는 CI/CD 워크플로우를 실행하는 데 사용한 분의 수에 따라 요금이 청구됩니다. 애플 스토어에서 빌드를 처리하는 데 약 10-15분이 걸립니다. Build Processing

개인 프로젝트의 경우, 빌드 비용은 5분당 $0.008 x 5분 = $0.4, 또는 그 이상으로 설정되거나 프로젝트의 의존성에 따라 달라질 수 있습니다. $0.008/min x 5 mins = $0.4개인 프로젝트의 경우, 빌드 비용은 5분당 $0.008 x 5분 = $0.4, 또는 그 이상으로 설정되거나 프로젝트의 의존성에 따라 달라질 수 있습니다.

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

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

개인 프로젝트의 경우, 빌드 비용은 5분당 $0.008 x 5분 = $0.4, 또는 그 이상으로 설정되거나 프로젝트의 의존성에 따라 달라질 수 있습니다. How to build Ionic Capacitor app in Xcode Cloud Ionic 앱을 Xcode Cloud에서 빌드하는 방법 Capgo CI/CD for the product workflow in Capgo CI/CD, Capgo Native Builds Capgo Native Builds를 위한 제품 워크플로우에 대해 Capgo 통합에 대해 Capgo 통합을 위한 제품 워크플로우에 대해 CI/CD 통합 __CAPGO_KEEP_0__ Actions 통합을 위한 구현 세부 사항, 그리고 GitHub Actions 통합에 대해 GitHub Actions 통합을 위한 구현 세부 사항.

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

웹层 버그가 활성화된 경우 Capgo을 통해 픽스를 배포하는 대신 앱 스토어 승인까지 며칠 기다리지 마십시오. 사용자는 배경에서 업데이트를 받으면서 네이티브 변경 사항은 일반적인 검토 경로에 남아 있습니다.

시작하기

블로그에서 최신 뉴스

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