Langsung ke konten

Memulai dengan Cordova Updater

GitHub

Panduan ini akan memandu Anda menambahkan @capgo/cordova-updater ke aplikasi Cordova agar Anda bisa menerima Capgo live updates di iOS dan Android.

  • Cordova CLI 12+
  • Cordova Android 13+ dan/atau Cordova iOS 7+
  • Akun Capgo (capgo.app/register)
  1. Instal plugin dari npm dan masukkan Capgo app ID Anda:

    Jendela terminal
    cordova plugin add @capgo/cordova-updater --variable APP_ID=YOUR_CAPGO_APP_ID
  2. Opsional: timpa pengaturan default saat instalasi (variabel yang sama dengan Capacitor updater):

    Jendela terminal
    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. Siapkan native project setelah mengubah variabel plugin:

    Jendela terminal
    cordova prepare android ios
document.addEventListener('deviceready', async () => {
await cordova.plugins.Updater.notifyAppReady();
});
  • Jangan gunakan cordova-plugin-ionic-webview dengan plugin ini.
  • Panggil notifyAppReady() segera setelah bundle dimuat—sebelum proses UI yang berat menunda jendela rollback.
  • Pastikan pengaturan scheme Cordova sudah benar.

Setelah deviceready, plugin ini tersedia sebagai 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 });
}
});

Tipe TypeScript disertakan dalam paket npm:

import type { UpdaterPlugin } from '@capgo/cordova-updater';
declare const cordova: { plugins: { Updater: UpdaterPlugin } };
  • Membutuhkan Cordova Android 13+ agar WebView disajikan dari default https://localhost/ scheme default.
  • Plugin ini mendaftarkan CordovaPluginPathHandler untuk menyajikan aset bundle yang diunduh.

Build web assets Anda, lalu upload menggunakan Capgo CLI (workflow yang sama dengan Capacitor):

Jendela terminal
bun run build
npx @capgo/cli@latest bundle upload --channel=production
  • Bandingkan pengaturan dengan konfigurasi Capacitor updater — sebagian besar opsi sesuai dengan plugin.xml variabel.
  • Baca kompatibilitas Live update sebelum merilis perubahan plugin native.
  • Migrasi ke Capacitor nanti? Tetap gunakan Capgo app ID dan channel yang sama; hanya package plugin client yang berubah.