Guida
Come utilizzare Live Reload in Capacitor
Utilizza @capgo/capacitor-live-reload
Plugin Capacitor per il live reload degli app Capacitor da un server di sviluppo Vite remoto.
Installa
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync copia il plugin del nativo code nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.
Importa
import { LiveReload } from '@capgo/capacitor-live-reload';
API in un colpo d'occhio
| Metodo | Descrizione |
|---|---|
configureServer |
Impostazioni del server di sviluppo remoto archiviate per le connessioni successive. |
connect |
Stabilisce una connessione WebSocket se non è già attiva. |
disconnect |
Chiude la connessione WebSocket corrente e disabilita il riavvio automatico. |
getStatus |
Restituisce lo stato della connessione corrente. |
reload |
Avvia un caricamento completo della Capacitor WebView. |
reloadFile |
Carica un singolo file/modulo se il runtime lo supporta (ricade su caricamento completo). |
Esempi
configureServer()
Impostazioni del server di sviluppo remoto archiviate per le connessioni successive.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Stabilisci una connessione WebSocket se non è già attiva.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
Chiudi la connessione WebSocket attuale e disabilita il riavvio automatico.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.disconnect();
console.log(result);
getStatus()
Restituisce lo stato di connessione corrente.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.getStatus();
console.log(result);
reload()
Avvia un caricamento completo della Capacitor WebView.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Carica un singolo file/modulo se il runtime lo supporta (ricade su caricamento completo).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Ascolta gli eventi
addListener Restituisce lo stato della connessione corrente. handle.remove() quando lo schermo viene smontato, o LiveReload.removeAllListeners() per cancellare tutti gli ascoltatori.
Riferimento completo
Continua da Utilizzo di @capgo/capacitor-live-reload
Se stai utilizzando Utilizzo di @capgo/capacitor-live-reload per pianificare il lavoro del plugin nativo, connettilo con @capgo/capacitor-live-reload per i dettagli di implementazione in @capgo/capacitor-live-reload Getting Started per i dettagli di implementazione in Getting Started, Capgo Directory dei Plugin per il workflow del prodotto nella Capgo Directory dei Plugin Capacitor Plugin da Capgo per i dettagli di implementazione in Capacitor Plugin da Capgo, e Aggiungere o Aggiornare i Plugin per i dettagli di implementazione in Aggiungere o Aggiornare i Plugin.