Panduan
Cara Menggunakan Live Reload di Capacitor
Menggunakan @capgo/capacitor-live-reload
Plugin Capacitor untuk menghidupkan ulang aplikasi Capacitor dari server pengembang Vite remote.
Install
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync Menggandakan plugin code native ke proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.
Import
import { LiveReload } from '@capgo/capacitor-live-reload';
Pandangan API sekaligus
| Metode | Deskripsi |
|---|---|
configureServer |
Simpan pengaturan server dev remote yang digunakan untuk koneksi-koneksi berikutnya. |
connect |
Establis koneksi WebSocket jika tidak ada koneksi aktif yang sedang berjalan. |
disconnect |
Tutup koneksi WebSocket saat ini dan nonaktifkan ulang koneksi otomatis. |
getStatus |
Mengembalikan status koneksi saat ini. |
reload |
Trigger reload penuh dari Capacitor WebView. |
reloadFile |
Reload file/module tunggal jika runtime mendukung (jatuh kembali ke reload penuh). |
Contoh
configureServer()
Simpan pengaturan server dev remote yang digunakan untuk koneksi-koneksi berikutnya.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Establis koneksi WebSocket jika tidak ada koneksi aktif yang sedang berjalan.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
Tutup koneksi WebSocket saat ini dan nonaktifkan ulang koneksi otomatis.
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()
Trigger reload penuh dari Capacitor WebView.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Muat ulang file/module tunggal jika runtime mendukung (jatuh ke muat ulang penuh).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Dengarkan kejadian
addListener mengembalikan sebuah tanggung jawab. Panggil handle.remove() ketika layar dihapus, atau LiveReload.removeAllListeners() untuk menghapus setiap pendengar.
Referensi lengkap
Teruskan dari Menggunakan @capgo/capacitor-live-reload
Jika Anda menggunakan Menggunakan @capgo/capacitor-live-reload untuk merencanakan pekerjaan plugin native, hubungkannya dengan @capgo/capacitor-live-reload untuk detail implementasi di @capgo/capacitor-live-reload, Mulai Menggunakan untuk detail implementasi di Getting Started, Capgo Direktori Plugin untuk alur kerja produk di Capgo Direktori Plugin, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo, dan Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin.