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

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

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

마틴 도나디유

마틴 도나디유

콘텐츠 마케터

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

기본 조건

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

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

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

가격에 대한 중요한 점

Xcode Cloud 가격

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

서비스는 '무료' ~까지의 한도에 따라.
스크린샷에서 가격과 한도 (튜토리얼 생성 시점의 가격, 미래에 변경될 수 있음)를 확인할 수 있습니다.

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

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

소개

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

패키지 준비

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

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

설치

설치

This script will be run by Xcode cloud after the clone step

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

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

Xcode 2단계

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

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

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

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

GitHub 계정을 연결하세요 Xcode step 5

Xcode step 6

워크플로우를 활성화하고 첫 번째 변경 사항을 커밋하세요. Xcode에서 빌드가 실행되는 것을 볼 수 있을 것입니다.

빌드 처리

Xcode Cloud에서 사용한 CI/CD 워크플로우 실행 시간에 따라 요금이 청구됩니다. 경험상, 애플 스토어에서 빌드가 처리되는 데 10-15분 정도 걸립니다. Build Processing

개인 프로젝트의 경우, 빌드 비용은 $0.008/분 x 5분 = $0.4또는 더 많은 비용이 발생할 수 있습니다. 이는 프로젝트의 구성 또는 의존성에 따라 달라집니다.

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

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

How to build Ionic __CAPGO_KEEP_0__ app in Xcode Cloud How to build Ionic Capacitor app in Xcode Cloud How to build Ionic __CAPGO_KEEP_0__ app in Xcode Cloud Capgo CI/CD Capgo CI/CD Capgo Native Builds Capgo Native Builds를 위한 제품 워크플로우에 대해 Capgo 통합에 대해 Capgo 통합을 위한 제품 워크플로우에 대해 CI/CD 통합 __CAPGO_KEEP_0__ Actions 통합을 위한 구현 세부 사항, 그리고 GitHub Actions 통합에 대해 GitHub Actions 통합을 위한 구현 세부 사항.

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

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

시작하기

블로그에서 최신 소식

Capgo은 당신이 완벽한 전문가 모바일 앱을 만들기 위해 필요한 최고의 통찰력을 제공합니다.