Deploy a Live Update

CapgoのLive Updates機能を使用して、リアルタイムでアプリのUIとビジネスロジックをリモートで更新できます。アプリストアを経由せずに、直接ユーザーにJSバンドル更新をプッシュして、即時でバグを修正し、新機能をリリースできます。

ヒント

Capgoは生成されたウェブビルドフォルダをアップロードします。HTML、CSS、JavaScript、アセット、純粋なJavaScriptパッケージの変更は、OTAで行うことができます。ただし、 capacitor.config.tsネイティブプラグインの設定、ネイティブパッケージ、またはiOS/Androidプロジェクトファイルの変更は、ネイティブアプリのリリースが必要です。

このガイドでは、 CapgoのQuickstartを完了したことを前提としています。 __CAPGO_KEEP_0__のQuickstartを完了し、以下のことを実行済みであることを前提としています。

1. インストールした @capgo/capacitor-updater SDK をあなたの Capacitor アプリにインストール

2. アプリ ID とアップデート チャネルを設定 capacitor.config.ts

3. あなたの code に追加 CapacitorUpdater.notifyAppReady() メソッド

まだ実行していない場合は、まずクイックスタートを完了してください。

アプリを追加 あなたの Capgo アカウントにアプリを追加し、アプリにプラグインをインストール

バンドルアップロード

Capgo SDK がインストールされ、設定されれば、最初の live update バンドルをアップロードする準備が整います。

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

   .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 ダッシュボードに一致します。
• You’re running the upload command from the root of your Capacitor project
• Webアセットがビルドされ最新の状態であることを確認してください。

問題が解決しない場合は、 トラブルシューティング トラブルシューティング

デバイスでアップデートを受け取る

バンドルがアップロードされたら、live updateをデバイスでテストできます:

1. アプリをデバイスにSyncします:

   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__

5. __CAPGO_KEEP_0__

6. live update

__CAPGO_KEEP_0__ Capgo __CAPGO_KEEP_1__

__CAPGO_KEEP_0__

初めてのlive updateをCapgoで成功的にデプロイしました！

__CAPGO_KEEP_0__ Capgo__CAPGO_KEEP_1__

• アップデートのターゲット設定
• アップデートのカスタマイズ
• Live Update のロールバック

Live Update を展開して続ける

__CAPGO_KEEP_0__ を使用している場合 Live Update を使用してCI/CDの自動化を計画する __CAPGO_KEEP_0__ CI/CD Capgo CI/CD Capgo ネイティブビルド Capgo ネイティブビルドの製品ワークフロー Capgo を使用してCI/CDの自動化を計画する Capgo 連携 Capgo 連携の製品ワークフロー CI/CD 連携 __CAPGO_KEEP_0__ Actions 連携 GitHub Actions 連携の実装詳細 Capgoの実装詳細については、GitHubアクション統合です。