Richtlinie
So verwenden Sie Live Reload in Capacitor
Auf Gerät testen
Laden Sie die Capgo-App herunter, dann scannen Sie die QR-Code code.
Verwenden Sie @capgo/capacitor-live-reload
Capacitor-Plugin zum Live-Reload von Capacitor-Apps von einem Remote-Vite-Entwicklungs-Server.
Installieren
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync kopiert die native code-Implementierung des Plugins in Ihre native Projekte. Führen Sie es erneut aus, nachdem jede Plugin-Upgrade durchgeführt wurde.
Importieren
import { LiveReload } from '@capgo/capacitor-live-reload';
API im Überblick
| Methode | Beschreibung |
|---|---|
configureServer |
Speichere Entfernteserversettings, die für nachfolgende Verbindungen verwendet werden. |
connect |
Herstellen Sie eine WebSocket-Verbindung, wenn keine bereits aktiv ist. |
disconnect |
Close the current WebSocket connection and disable auto reconnect. |
getStatus |
Ruft die aktuelle Verbindungszustand ab. |
reload |
Triggerieren Sie eine vollständige Neuaufladung des Capacitor WebView. |
reloadFile |
Einzelnes Datei/Modul neu laden, wenn die Runtime es unterstützt (fällt zurück auf Vollneuladen). |
Beispiele
configureServer()
Speichere Entfernteserversettings, die für nachfolgende Verbindungen verwendet werden.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Herstellen Sie eine WebSocket-Verbindung, wenn keine bereits aktiv ist.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
Close the current WebSocket connection and disable auto reconnect.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.disconnect();
console.log(result);
getStatus()
Ruft die aktuelle Verbindungszustand ab.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.getStatus();
console.log(result);
reload()
Triggerieren Sie eine vollständige Neuaufladung des Capacitor WebView.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Ein einzelnes Datei/Modul neu laden, wenn die Laufzeit unterstützt es (fällt zurück auf Vollneuladen).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Hören Sie auf Ereignisse
addListener eine Verbindung zurückgeben. Rufen Sie handle.remove() wenn sich das Bildschirm unmountet, oder LiveReload.removeAllListeners() um jeden Listener zu löschen.
Vollständige Referenz
Weitermachen von @capgo/capacitor-live-reload
Fortsetzen von @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload Wenn Sie @capgo/capacitor-live-reload verwenden für die Planung von native Plugin-Arbeiten, verbinden Sie es mit @capgo/capacitor-live-reload für die Implementierungsdetails in @capgo/capacitor-live-reload Anleitung zum Starten für die Implementierungsdetails in Anleitung zum Starten Capgo Plugin-Verzeichnis für den Produktworkflow in 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