Guía
Cómo usar Live Reload en Capacitor
Uso de @capgo/capacitor-live-reload
Plugin Capacitor para live reload de apps Capacitor desde un servidor de desarrollo Vite remoto.
Instalar
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.
Importar
import { LiveReload } from '@capgo/capacitor-live-reload';
API de un vistazo
| Método | Descripción |
|---|---|
configureServer |
Guarda la configuración del servidor de desarrollo remoto para conexiones posteriores. |
connect |
Establece una conexión WebSocket si no hay una activa. |
disconnect |
Cierra la conexión WebSocket actual y desactiva la reconexión automática. |
getStatus |
Devuelve el estado actual de la conexión. |
reload |
Ejecuta un reload completo de la WebView de Capacitor. |
reloadFile |
Recarga un solo archivo/módulo si el runtime lo permite (si no, recurre a un reload completo). |
Ejemplos
configureServer()
Guarda la configuración del servidor de desarrollo remoto para conexiones posteriores.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Establece una conexión WebSocket si no hay una activa.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
Cierra la conexión WebSocket actual y desactiva la reconexión automática.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.disconnect();
console.log(result);
getStatus()
Devuelve el estado actual de la conexión.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.getStatus();
console.log(result);
reload()
Ejecuta un reload completo de la WebView de Capacitor.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Recarga un solo archivo/módulo si el runtime lo permite (si no, recurre a un reload completo).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Escuchar eventos
addListener devuelve un handle. Llama handle.remove() cuando la pantalla se desmonte, o LiveReload.removeAllListeners() para limpiar todos los listeners.
Referencia completa
Continúa desde Using @capgo/capacitor-live-reload
Si estás usando Uso de @capgo/capacitor-live-reload para planificar el trabajo con plugins nativos, conéctalo con @capgo/capacitor-live-reload para los detalles de implementación en @capgo/capacitor-live-reload, Primeros pasos para los detalles de implementación en Primeros pasos, Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para los detalles de implementación en Capacitor Plugins de Capgo, y Añadir o actualizar plugins para los detalles de implementación al añadir o actualizar plugins.