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

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

ヒント

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

このガイドでは、 Capgo と既に実行していることを前提としています。

1. と既に実行していることを前提としています。 @capgo/capacitor-updater SDK in your Capacitor app

2. __CAPGO_KEEP_1__ capacitor.config.ts

3. Added in your code the CapacitorUpdater.notifyAppReady() アプリ

__CAPGO_KEEP_0__

を設定する必要があります。 Add an app to your Capgo account, and install the plugin in your app

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

Capgo Capgo と SDK がインストールされ、設定されていれば、最初のライブアップデートバンドルのアップロードに備えています。

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

   npm run build

2. Upload the bundle to Capgo:

   コンソール

   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

   .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
• Webアセットがビルドされ、最新の状態であることを確認してください。

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

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

あなたのバンドルがアップロードされたら、デバイスでライブアップデートをテストできます

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 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.