Panduan
Cara menggunakan Live Reload di Capacitor
Menggunakan @capgo/capacitor-live-reload
Plugin Capacitor untuk live reload aplikasi Capacitor dari remote Vite dev server.
Instal
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.
Impor
import { LiveReload } from '@capgo/capacitor-live-reload';
Sekilas tentang API
| Metode | Deskripsi |
|---|---|
configureServer |
Simpan pengaturan remote dev server yang dipakai untuk koneksi berikutnya. |
connect |
Buat koneksi WebSocket jika koneksi tersebut belum aktif. |
disconnect |
Tutup koneksi WebSocket saat ini dan matikan auto reconnect. |
getStatus |
Mengembalikan status koneksi saat ini. |
reload |
Picu reload penuh pada Capacitor WebView. |
reloadFile |
Reload satu file/modul jika runtime mendukungnya (fallback otomatis ke reload penuh). |
Contoh
configureServer()
Simpan pengaturan remote dev server yang dipakai untuk koneksi berikutnya.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Buat koneksi WebSocket jika koneksi tersebut belum aktif.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
Tutup koneksi WebSocket saat ini dan matikan auto reconnect.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.disconnect();
console.log(result);
getStatus()
Mengembalikan status koneksi saat ini.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.getStatus();
console.log(result);
reload()
Picu reload penuh pada Capacitor WebView.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Reload satu file/modul jika runtime mendukungnya (fallback otomatis ke reload penuh).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Mendengarkan event
addListener mengembalikan sebuah handle. Panggil handle.remove() saat layar di-unmount, atau LiveReload.removeAllListeners() untuk menghapus semua listener.
Referensi lengkap
Lanjutkan dari Menggunakan @capgo/capacitor-live-reload
Jika Anda menggunakan Menggunakan @capgo/capacitor-live-reload untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-live-reload untuk detail implementasi di @capgo/capacitor-live-reload, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.