Anleitung
Live Reload in Capacitor nutzen
Verwendung von @capgo/capacitor-live-reload
Capacitor Plugin für Live Reload von Capacitor Apps via Remote Vite Dev Server.
Installieren
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.
Importieren
import { LiveReload } from '@capgo/capacitor-live-reload';
API auf einen Blick
| Methode | Beschreibung |
|---|---|
configureServer |
Speichert die Remote-Dev-Server-Einstellungen für nachfolgende Verbindungen. |
connect |
Stellt eine WebSocket-Verbindung her, falls noch keine aktiv ist. |
disconnect |
Schließt die aktuelle WebSocket-Verbindung und deaktiviert den Auto-Reconnect. |
getStatus |
Gibt den aktuellen Verbindungsstatus zurück. |
reload |
Löst einen vollständigen Reload der Capacitor WebView aus. |
reloadFile |
Reloadet eine einzelne Datei/ein Modul, sofern die Runtime dies unterstützt (Fallback: Full Reload). |
Beispiele
configureServer()
Speichert die Remote-Dev-Server-Einstellungen für nachfolgende Verbindungen.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Stellt eine WebSocket-Verbindung her, falls noch keine aktiv ist.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
Schließt die aktuelle WebSocket-Verbindung und deaktiviert den Auto-Reconnect.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.disconnect();
console.log(result);
getStatus()
Gibt den aktuellen Verbindungsstatus zurück.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.getStatus();
console.log(result);
reload()
Löst einen vollständigen Reload der Capacitor WebView aus.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Reloadet eine einzelne Datei/ein Modul, falls die Runtime dies unterstützt (Fallback: Full Reload).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Events abonnieren
addListener gibt ein Handle zurück. Rufe handle.remove() auf, wenn der Screen unmountet, oder LiveReload.removeAllListeners() auf, um alle Listener zu entfernen.
Vollständige Referenz
Weiter mit der Nutzung von @capgo/capacitor-live-reload
Wenn du es nutzt Nutzung von @capgo/capacitor-live-reload Um die Arbeit an nativen Plugins zu planen, verbinde sie mit @capgo/capacitor-live-reload für die Implementierungsdetails in @capgo/capacitor-live-reload, Erste Schritte für die Implementierungsdetails in Erste Schritte, Capgo Plugin-Verzeichnis für den Produkt-Workflow im Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren.