ライブアップデートのデプロイ

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

アドバイス

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

このガイドでは、 Capgo クイックスタート を完了し、既に

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

2. に設定 capacitor.config.ts

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

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

あなたの __CAPGO_KEEP_0__ アカウントにアプリを追加し、アプリにプラグインをインストール Capgo は Capgo の略称です。

アップロードするバンドル

CapgoとSDKがインストールされ、設定されたら、最初のライブアップデートバンドルをアップロードする準備が整います。

1. Webアセットをビルドしてください。

   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 matches your app in the Capgo dashboard
• You’re running the upload command from the root of your Capacitor project
• Capgoプロジェクトのウェブアセットがビルドされ、最新の状態であることを確認してください。

あなたがまだ問題がある場合、 トラブルシューティング トラブルシューティング

セクション。

「デバイスでアップデートを受信する」

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の自動化を計画するには、 それを Capgo CI/CD Capgoの製品ワークフロー向けにCapgo CI/CD Capgo Native Builds Capgoの製品ワークフロー向けにCapgo Native Builds Capgo Integrations Capgoの製品ワークフロー向けにCapgo Integrations CI/CD統合 Capgo Builder / ネイティブクラウドビルド製品ページの実装詳細 GitHub Actions Integration Capgoの製品ワークフロー向けにGitHub Actions Integration