Deploy a Live Update

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

팁

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

이 안내서에서는 Capgo Quickstart 를 완료했으며 이미 다음과 같은 작업을 수행했습니다.

1. __CAPGO_KEEP_0__을 __CAPGO_KEEP_1__ 앱에 설치했습니다. @capgo/capacitor-updater SDK in your Capacitor app

2. __CAPGO_KEEP_0__에 메소드 추가했습니다. capacitor.config.ts

3. code에 메소드 추가했습니다. CapacitorUpdater.notifyAppReady() __CAPGO_KEEP_0__에 메소드 추가했습니다.

__CAPGO_KEEP_0__에 메소드 추가했습니다.

__CAPGO_KEEP_0__에 메소드 추가했습니다. Capgo에 메소드 추가했습니다.

__CAPGO_KEEP_0__에 메소드 추가했습니다.

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

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

   npm run build

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

   콘솔

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

   Github 액션

   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가 capacitor.config.ts Capgo 대시보드에 등록된 앱과 일치하는지
• 업로드 명령어를 Capacitor 프로젝트의 루트 디렉토리에서 실행하는지
• 웹 자산이 빌드되고 최신인지

문제가 해결되지 않으면 다음을 확인하세요. [Troubleshooting](#troubleshooting) [section.](#section)

[Receiving an Update on a Device](#receiving-an-update-on-a-device)

업로드한 번들을 테스트하기 위해 디바이스에서 라이브 업데이트 테스트를 진행할 수 있습니다.

1. 디바이스에 앱을 동기화하세요.

   npx cap sync ios

2. 디바이스의 업데이트 상태를 확인하기 위해 다음 명령어를 실행하세요.

   npx @capgo/cli@latest app debug

3. 로컬에서 앱을 실행하세요:

   npx cap run ios

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

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

5. 로그가 업데이트되서 업데이트 상태를 보여주는데 몇 초 정도 걸립니다.

6. 앱을 닫고 다시 열어보세요. __CAPGO_KEEP_0__ 라이브 업데이트가 적용된 것을 확인할 수 있습니다!

__CAPGO_KEEP_0__ 라이브 업데이트를 테스트하는 방법에 대한 자세한 내용은 Capgo Quickstart ‘다음 단계’라는 제목의 섹션

축하합니다! __CAPGO_KEEP_0__으로 첫 라이브 업데이트를 성공적으로 배포했습니다! 🎉

Capgo

__CAPGO_KEEP_0__ Live Updates 문서를 더 자세히 알아보려면 Capgo Live Updates 문서의 나머지 부분을 검토하세요. 일부 주요 주제를 확인해 보세요:다음과 같은 주제를 확인하세요:

• 채널을 사용하여 업데이트를 대상화하는 방법
• 업데이트 동작을 커스터마이즈하는 방법
• 라이브 업데이트 롤백

Deploy a Live Update

__CAPGO_KEEP_0__ CI/CD를 사용하여 CI/CD 자동화 계획을 만드는 경우 __CAPGO_KEEP_0__ CI/CD와 연결하세요. __CAPGO_KEEP_0__ CI/CD와 연결하세요. Capgo CI/CD와 연결하세요. Capgo CI/CD workflow을 위한 제품 워크플로우에 대해 Capgo 네이티브 빌드를 위한 Capgo 네이티브 빌드 워크플로우에 대해 Capgo 통합을 위한 Capgo 통합 워크플로우에 대해 CI/CD 통합 __CAPGO_KEEP_0__ CI/CD 통합에 대한 구현 세부 사항, 그리고 GitHub 액션 통합에 대한 구현 세부 사항. for the implementation detail in GitHub Actions Integration.