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

Live Reload

Verbinden Sie sich mit Ihrem Entwicklungs-Server, um während der Entwicklung eine sofortige Hot-Reload zu erhalten

Anleitung

Tutorial zum Live-Neustart

Gerät testen

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

Live Reload Plugin QR-Code code

Mit @capgo/capacitor-live-reload

Capacitor-Plugin zum Live-Reload von Capacitor-Apps über ein Remote-Vite-Entwicklungs-Server.

Installieren

bun add @capgo/capacitor-live-reload
bunx cap sync

Was dieses Plugin bereitstellt

  • 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.

Beispielhafte Verwendung

configureServer

Speichert die Einstellungen des Remote-Entwicklungs-Servers für zukünftige Verbindungen.

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

await LiveReload.configureServer({} as ConfigureServerOptions);

connect

Ein WebSocket-Verbindung herstellen, wenn keine 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

Ruft die aktuelle Verbindungszustand ab.

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 um native Plugin-Arbeit zu planen, verbinden Sie es mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload If you are using @capgo/capacitor-live-reload zur Implementierungsdetail in @capgo/capacitor-live-reload, Einstieg zur Implementierungsdetail in Einstieg, Capgo Plugin-Verzeichnis zur Produktworkflow in Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo zur Implementierungsdetail in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren zur Implementierungsdetail in Plugins hinzufügen oder aktualisieren.