Guía
Cómo usar Live Reload en Capacitor
Usando @capgo/capacitor-live-reload
El plugin Capacitor para recargar en vivo aplicaciones Capacitor desde un servidor de desarrollo remoto Vite.
Instalar
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync Copia el plugin nativo code en tus proyectos nativos. Ejecútalo nuevamente después de cada actualización del plugin.
Importar
import { LiveReload } from '@capgo/capacitor-live-reload';
API en un vistazo
| Método | Descripción |
|---|---|
configureServer |
Almacena las configuraciones 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 deshabilita la reconexión automática. |
getStatus |
Devuelve el estado de la conexión actual. |
reload |
Activar un recarga completa de la Capacitor WebView. |
reloadFile |
Recargar un archivo/módulo si el tiempo de ejecución lo admite (cae en recarga completa). |
Ejemplos
configureServer()
Almacena los ajustes del servidor de desarrollo remoto utilizados para conexiones posteriores.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Establecer 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()
Cerrar la conexión WebSocket actual y deshabilitar la reconexión automática.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.disconnect();
console.log(result);
getStatus()
Devuelve el estado de la conexión actual.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.getStatus();
console.log(result);
reload()
Activar un recarga completa de la Capacitor WebView.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Recargar un archivo/módulo si el tiempo de ejecución lo admite (cae en recarga completa).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Escuchar eventos
addListener devuelve un manejador. Llamar a handle.remove() cuando se desmonte la pantalla, o LiveReload.removeAllListeners() para eliminar todos los oyentes.
Referencia completa.
Sigue adelante desde el uso de @capgo/capacitor-live-reload
Si estás utilizando Usando @capgo/capacitor-live-reload para planificar el trabajo de plugin nativo, conecta con @capgo/capacitor-live-reload para los detalles de implementación en @capgo/capacitor-live-reload Getting Started para los detalles de implementación en Getting Started, Directorio de Plugins Capgo para el flujo de trabajo del producto en Directorio de Plugins Capgo, Plugins de Capacitor por Capgo para los detalles de implementación en Plugins de Capacitor por Capgo, y Agregar o Actualizar Plugins para los detalles de implementación en Agregar o Actualizar Plugins.