Zum Hauptinhalt springen
Zurück zu Plugins
@capgo/capacitor-live-reload
Tutorial
@capgo/capacitor-live-reload

Live Reload

Verbinden Sie sich mit Ihrem Entwicklungs-Server für sofortige Hot-Reload während der Entwicklung

Anleitung

Tutorial zum Live-Neustart

Gerät testen

Herunterladen Sie die Capgo-App, dann scannen Sie die QR-code.

Live Reload-Plugin-Vorschau QR code

Verwendung von @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

Dieses Plugin enthüllt

  • configureServer - Speichert die Einstellungen des Remote-Entwicklungs-Servers für zukünftige Verbindungen.
  • connect - Erstellt eine WebSocket-Verbindung, wenn keine bereits aktiv ist.
  • disconnect - Schließt die aktuelle WebSocket-Verbindung und deaktiviert die automatische Wiederherstellung.
  • getStatus - Gibt den aktuellen Verbindungszustand zurück.

Beispielanwendung

configureServer

Speichern Sie die Einstellungen des Remote-Entwickler-Servers, die für nachfolgende Verbindungen verwendet werden.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.configureServer({} as ConfigureServerOptions);

connect

Ermitteln Sie, ob eine WebSocket-Verbindung bereits aktiv ist.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.connect();

disconnect

Schließen Sie die aktuelle WebSocket-Verbindung und deaktivieren Sie die automatische Wiederherstellung.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.disconnect();

getStatus

Gibt den aktuellen Verbindungszustand zurück.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.getStatus();

Vollständige Referenz

Fortsetzen Sie mit @capgo/capacitor-live-reload

Wenn Sie @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload verwenden Verwenden Sie @capgo/capacitor-live-reload für die Planung von native Plugin-Arbeit, verbinden Sie es mit @capgo/capacitor-live-reload für die Implementierungsdetails in @capgo/capacitor-live-reload Einstieg für die Implementierungsdetails in Einstieg 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.