본문 바로가기
L

Capgo로 Lovable에서 모바일 앱 배포하기

Lovable은 Capacitor 앱의 빌드, 배포, Live Update를 지원합니다: Mac 없이도 iOS 및 Android 빌드 가능, 몇 분 만에 완료되는 OTA 수정, 클릭 한 번으로 롤백.

  • 앱 빌더
  • Capacitor로 export
  • 호스팅 MCP
  • CLI

Lovable에서 Capgo 설정하기

단 세 단계면 충분합니다. 각 블록을 그대로 복사하세요.

  1. 1단계

    Lovable 앱을 GitHub로 내보내기

    Lovable에서 GitHub를 연결하고 프로젝트를 push한 뒤, 컴퓨터로 clone하세요.

    터미널
    $ git clone https://github.com/you/your-lovable-app.git $ cd your-lovable-app $ npm install $ npm run build

  2. 2단계

    Capacitor와 Capgo로 래핑하기

    iOS 및 Android용 Capacitor를 추가하고, Capgo CLI를 통해 Live Update를 설정하세요. Lovable 앱의 build 폴더를 webDir로 지정하세요 (Vite는 dist).

    터미널
    $ npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android $ npx cap init "Your App" com.company.app --web-dir dist $ npx cap add ios && npx cap add android $ npx @capgo/cli@latest init

  3. 3단계

    클라우드에서 빌드하고 업데이트를 배포하세요

    Capgo 빌드를 통해 Mac 없이도 iOS 및 Android 앱을 서명하고 빌드할 수 있습니다. 이후 모든 웹 변경 사항은 live update로 배포됩니다.

    터미널
    $ npx @capgo/cli@latest build init $ npx @capgo/cli@latest build request --platform ios $ npx @capgo/cli@latest bundle upload --channel production

Lovable에게 물어볼 수 있는 질문들

프롬프트를 복사하여 Lovable에 붙여넣으세요. 앱 ID와 버전을 본인의 것으로 변경하면 됩니다.

  • 빌드

    “이 앱을 Capacitor에 최적화해줘: 라우팅은 클라이언트 사이드에서 유지하고, 정적 파일은 dist 폴더에 빌드해줘.”

  • 빌드

    “@capgo/capacitor-updater를 설치하고 앱이 시작될 때 notifyAppReady를 호출하세요.”

  • 업데이트

    “main 브랜치에 push할 때마다 Capgo 번들을 production 채널에 업로드하는 GitHub Actions 워크플로우를 추가하세요.”

  • 빌드

    “Capgo에서 진행한 마지막 iOS build 상태가 어때?”

  • 롤백

    “프로덕션 채널을 이전 번들로 롤백해줘.”

  • Observe

    “지난 7일 동안 v2.3.0의 업데이트 통계를 보여줘.”

  • Observe

    “어떤 기기가 아직 bundle 1.4.2를 사용 중인가요?”

전체 릴리스 루프

첫 build부터 다음 라이브 수정까지, 하나의 계정으로 모든 단계를 커버합니다.

  1. 1

    빌드

    클라우드에서 서명된 iOS 및 Android build. Mac이나 Xcode는 필요 없습니다.

    Capgo 네이티브 앱 빌드
  2. 2

    배포하기

    빌드를 TestFlight 및 Google Play로 전송하거나 스토어 심사를 위해 제출하세요.

    Mac 없이 iOS 앱 빌드 및 배포하기
  3. 3

    업데이트

    JavaScript, HTML, CSS 수정 사항을 몇 분 만에 채널에 푸시하세요. 클릭 한 번으로 롤백도 가능합니다.

    Capgo Live Update 사용하기
  4. 4

    Observe

    업데이트 대상, 실패 원인, 그리고 각 릴리스의 성능을 확인하세요.

    Capgo Observe 사용하기

Lovable 참고 사항 및 제한 사항

  • Lovable은 모든 플랜에서 커스텀 MCP 서버를 지원합니다. Connectors에서 OAuth와 함께 https://api.capgo.app/mcp를 추가하면 Lovable 채팅에서 채널, 롤백, 통계를 관리할 수 있습니다.
  • 이 커넥터는 Lovable 채팅에서만 사용되며, 배포된 앱에는 영향을 주지 않습니다.
  • Lovable은 Capgo CLI을 실행할 수 없습니다. 빌드와 upload는 로컬 컴퓨터나 GitHub Actions에서 진행하세요.
  • GitHub 동기화를 유지하세요: Lovable에서 변경한 사항이 레포지토리에 반영되며, CI를 통해 이를 Live Update로 배포할 수 있습니다.

자주 묻는 질문

Capgo 및 Lovable: 자주 묻는 질문

Mac 없이도 Lovable로 iOS 앱을 빌드할 수 있나요?

네, code를 export한 후 진행하면 됩니다. 웹 앱을 Capacitor로 래핑한 다음 npx @capgo/cli@latest build request를 실행하세요. Capgo가 클라우드에서 iOS 및 Android 앱을 서명하고 빌드합니다.

Native Build 문서

Lovable를 사용하려면 Capgo API 키가 필요한가요?

호스팅 MCP에는 API 키가 필요 없습니다. OAuth로 로그인하기 때문입니다. 로컬 CLI MCP와 CLI는 npx @capgo/cli@latest login로 한 번만 저장하면 되는 API 키를 사용합니다. 키는 Capgo 콘솔의 Settings > Organization > API keys에서 생성하세요.

Capgo API 키 생성하기

Lovable로 잘못된 업데이트를 롤백할 수 있나요?

네. Lovable에 채널을 이전 bundle로 다시 지정해달라고 요청하세요. 기기는 다음 업데이트 확인 시점에 전환됩니다. 또한 Capgo updater는 새 bundle 실행에 실패할 경우 스스로 롤백을 수행합니다.

Live update 문서

App Store와 Google Play에서 Live Updates가 허용되나요?

네, 웹 레이어(JavaScript, HTML, CSS, 에셋)는 가능합니다. Native code, 새 권한, 새 플러그인은 여전히 스토어 출시가 필요하며, Capgo Build로 처리할 수 있습니다.

Lovable에서 Capgo를 사용하는 비용은 얼마인가요?

MCP 서버와 스킬, CLI 모두 무료로 사용할 수 있습니다. Capgo 플랜이 필요하며, 모든 플랜은 신용카드 없이 14일 무료 체험으로 시작합니다. Build, Live Updates, Observe는 모든 플랜에 포함됩니다.

요금제

Lovable에서 다음 릴리스를 배포하세요

Capgo 계정을 만들고 Lovable을 연결한 뒤, 오늘 첫 build 또는 live update을 푸시하세요.

문서

관련 페이지