본문으로 바로가기
강의

How to build Ionic Capacitor app in Xcode Cloud

Capacitor JS 앱을 Xcode Cloud에서 빌드하고 MacOS의 필요성을 피하기 위해 사용하세요.

기사 기여

마틴 도나디우

작가

발레리아

리뷰어

조던

편집자

How to build Ionic Capacitor app in Xcode Cloud

필수 조건

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

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

Ionic을 사용하는 것은 선택사항입니다. Cordova의 경우 작동할 수 있지만,私は試していません.

가격에 대한 중요한 사항

Xcode Cloud 가격

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

서비스는 '무료'입니다 한계까지.
스크린샷에서 가격과 제한 (이 튜토리얼을 만들 때의 가격, 미래에 변경될 수 있음)을 확인할 수 있습니다.

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

📣 이 포스트에서, 우리는 애플 스토어에서 앱을 만들 것으로 가정합니다.

소개

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

패키지 준비

빌드 명령어를 스크립트에 포함시켜 두고, 아래와 같은 명령어를 추가하십시오. package.json 이 단계는 포스트 스크립트를 단순하게 작동하게 할 것입니다. sync:ios 포스트 클론 스크립트

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

준비된 스크립트

명령어

이 스크립트는 클론 단계 이후 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가 필요합니다)를 열어주세요.

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

Create Workflow 버튼을 클릭하고 앱을 선택한 후 Next를 클릭하세요.

Xcode 단계 2

왼쪽에 Edit Workflow 버튼을 클릭하세요. Xcode 단계 2

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

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

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

Connect your GitHub account Xcode 단계 6

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

빌드 처리 중

Xcode Cloud에서

Xcode Cloud에서는 CI/CD 워크플로우를 실행하는 데 사용한 분의 수에 따라 요금이 청구됩니다. 경험상, 애플 스토어에서 빌드가 처리되는 데 10-15분 정도 걸립니다. Xcode Cloud에서 you are billed based on the minutes

For private projects, the estimated cost per build can go up to $0.008/min x 5 mins = $0.4, or more, depending on the configuration or dependencies of your project.

For Open-source projects, this shouldn’t be a problem at all. See pricing.

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

Capacitor How to build Ionic Capacitor app in Xcode Cloud If you are using Capgo CI/CD for the product workflow in Capgo CI/CD, Capgo Native Builds for the product workflow in Capgo Native Builds, Capgo Integrations for the product workflow in Capgo Integrations, CI/CD 연동 Capgo Actions Integration GitHub Actions Integration for the implementation detail in GitHub Actions Integration.

Live updates for Capacitor apps

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

마틴의 인간 지원

시작하기

최신 뉴스

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