メインコンテンツへスキップ

Cordova Updater クイックスタート

GitHub

このガイドでは、以下の手順を説明します: @capgo/cordova-updater Cordovaアプリに導入することで、iOSおよびAndroidでCapgoのLive Updateを受け取れるようになります。

前提条件

前提条件
  • Cordova CLI 12+
  • Cordova Android 13+ および/または Cordova iOS 7+
  • Capgo アカウント(capgo.app/register)
  1. npm からプラグインをインストールし、Capgo の app ID を渡します:

    ターミナルウィンドウ
    cordova plugin add @capgo/cordova-updater --variable APP_ID=YOUR_CAPGO_APP_ID
  2. 任意:インストール時にデフォルト値を上書きする(Capacitor updater と同じ変数を使用):

    ターミナルウィンドウ
    cordova plugin add @capgo/cordova-updater \
    --variable APP_ID=YOUR_CAPGO_APP_ID \
    --variable DEFAULT_CHANNEL=production \
    --variable UPDATE_URL=https://plugin.capgo.app/updates \
    --variable AUTO_UPDATE=atBackground
  3. プラグインの変数を変更した後は、native プロジェクトを準備してください:

    ターミナルウィンドウ
    cordova prepare android ios

クイックスタート

「Quick start」セクション
document.addEventListener('deviceready', async () => {
await cordova.plugins.Updater.notifyAppReady();
});

よくある落とし穴

「Common pitfalls」セクション
  • このプラグインを使用する場合、cordova-plugin-ionic-webview は使用しないでください。
  • 呼び出す notifyAppReady() 重いUI処理によってロールバックの猶予期間が遅れる前に、バンドルがロードされた直後に実行してください。
  • Cordova の scheme 設定を正しく維持してください。

ローカルで deviceready、本プラグインは以下から利用可能です: cordova.plugins.Updater:

document.addEventListener('deviceready', async () => {
const { Updater } = cordova.plugins;
await Updater.notifyAppReady();
const latest = await Updater.getLatest();
if (latest.url && !latest.error) {
const bundle = await Updater.download({
url: latest.url,
version: latest.version,
checksum: latest.checksum,
});
await Updater.next({ id: bundle.id });
}
});

npm パッケージに TypeScript の型定義が含まれています:

import type { UpdaterPlugin } from '@capgo/cordova-updater';
declare const cordova: { plugins: { Updater: UpdaterPlugin } };

プラットフォーム別の注意点

「Platform notes」セクション
  • WebView がデフォルトのスキームで提供されるため、Cordova Android 13 以上が必要です。 https://localhost/ 。
  • プラグインは以下を登録します: CordovaPluginPathHandler ダウンロードしたbundleアセットを配信するために使用します。

最初のbundleをアップロードする

「最初のbundleをアップロードする」セクション

Webアセットをビルドし、Capgo CLI でアップロードします(Capacitor と同じワークフローです):

ターミナルウィンドウ
bun run build
npx @capgo/cli@latest bundle upload --channel=production
  • 設定を以下と比較してください: Capacitor updater の設定 — ほとんどのオプションは plugin.xml 変数に対応しています。
  • Read Live update との互換性を リリースする前に確認してください。
  • 後で Capacitor へ移行する場合も、Capgo の App ID とチャンネルはそのまま維持できます。変更が必要なのはクライアントプラグインのパッケージのみです。