페이지 복사 옵션

Capgo의 Live Updates 기능을 사용하여 앱의 UI 및 비즈니스 로직을 실시간으로 원격으로 업데이트할 수 있습니다. 앱 스토어를 통하지 않고 사용자에게 직접 JS 번들 업데이트를 푸시하여 버그를 즉시 수정하고 새로운 기능을 배포할 수 있습니다.

팁

Capgo은 생성된 웹 빌드 폴더를 업로드합니다. HTML, CSS, JavaScript, 자원, 및 순수 자바 스크립트 패키지 변경은 OTA로 업데이트될 수 있습니다. capacitor.config.ts이 가이드는 native plugin configuration, native packages, 또는 iOS/Android 프로젝트 파일을 위한 native 앱 릴리즈가 필요합니다.

이 가이드는 다음을 가정합니다. Capgo 빠른 시작을 완료했으며 이미: __CAPGO_KEEP_0__을 __CAPGO_KEEP_1__ 앱에 설치했습니다.

1. __CAPGO_KEEP_0__에서 앱 ID 및 업데이트 채널을 구성했습니다. @capgo/capacitor-updater SDK in your Capacitor app

2. 이미 위의 단계를 완료하지 않았다면, 빠른 시작을 먼저 완료하세요. capacitor.config.ts

3. code 계정에 앱을 추가하고 앱에 플러그인을 설치하세요. CapacitorUpdater.notifyAppReady() __CAPGO_KEEP_0__

__CAPGO_KEEP_1__

__CAPGO_KEEP_0__ Capgo

업로드하는 번들

Capgo과 SDK이 설치 및 설정되면 첫 번째 라이브 업데이트 번들을 업로드할 준비가 되었습니다.

1. 웹 자산을 빌드하세요:

   npm run build

2. Capgo으로 번들을 업로드하세요:

   __CAPGO_KEEP_0__ 액션

   npx @capgo/cli@latest bundle upload --channel=production

   Github Actions

   /github/workflows/build_and_deploy.yml

   name: Build source code and send to Capgo
   
   concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
   
   on:
   push:
     branches:
       - main
   
   jobs:
   deploy_to_capgo:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v6
       - uses: actions/setup-node@v6
         with:
           node-version: '24'
       - name: Install dependencies
         run: npm install
       - name: Build
         run: npm run build
       - name: Deploy to Capgo
         run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} --channel ${{ env.CHANNEL }}
         env:
           CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}

   터미널 창

   .gitlab-ci.yml

   stages:
     - build
   
   build:
     stage: build
     image: node:18
     cache:
       - key:
           files:
             - package-lock.json
         paths:
           - .node_modules/
     script:
       - npm install
       - npm run build
       - npx @capgo/cli@latest bundle upload -a $CAPGO_TOKEN --channel $CAPGO_CHANNEL
     artifacts:
       paths:
         - node_modules/
         - dist/
     only:
       - master

   이 명령어는 지정된 채널에 새로운 버전의 패키지를 업로드합니다.

업로드 문제 해결

업로드가 실패한 경우, 다음을 확인하세요:

• 앱 ID가 __CAPGO_KEEP_0__ 대시보드에 등록된 앱과 일치하는지 확인하세요. capacitor.config.ts Capgo 프로젝트의 루트 디렉토리에서 업로드 명령어를 실행하는지 확인하세요.
• You’re running the upload command from the root of your Capacitor project
• 업로드 문제 해결

문제가 계속되면 문제 해결 페이지

업데이트를 받는 기기

업로드한 번들을 테스트할 수 있습니다.

1. 기기를 동기화하세요.

   npx cap sync ios

2. 다른 터미널 창에서 업데이트 상태를 확인하기 위해 다음 명령어를 실행하세요.

   npx @capgo/cli@latest app debug

3. 애플리케이션을 로컬에서 실행하세요:

   npx cap run ios

   iOS/Android 프로젝트를 Xcode/Android Studio에서 열고 네이티브로 실행하세요.

4. 업데이트를 다운로드하는 데 약 30초 정도 시간이 걸리므로 앱을 열어두세요.

5. 로그가 업데이트되는 데 몇 초가 걸리며 업데이트 상태를 표시합니다.

6. 앱을 닫고 다시 열어보세요. 라이브 업데이트가 적용된 것을 확인하세요!

__CAPGO_KEEP_0__ Quickstart Capgo Quickstart 다음 단계

다음 단계

Capgo 첫 번째 라이브 업데이트를 성공적으로 배포하셨습니다! 🎉

더 많은 정보를 얻으려면 다음을 검토하세요. Capgo 라이브 업데이트 문서의 나머지 부분. 다음 주제를 확인하세요:

• 채널을 통해 업데이트를 대상화하는 방법
• 업데이트 동작을 맞춤화하는 방법
• 라이브 업데이트 롤백

Deploy a Live Update에서 계속 진행하세요

Deploy a Live Update을 사용하여 CI/CD 자동화 계획을 만드는 경우 Deploy a Live Update을 연결하세요 Deploy a Live Update 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 통합 CI/CD 통합 구현 GitHub Actions Integration for the implementation detail in GitHub Actions Integration.