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 sofortiges Hot-Reloading während der Entwicklung

Anleitung

Tutorial zum Live Reload

Auf Geräten testen

Laden Sie die Capgo-App herunter, dann scannen Sie das QR-Code code.

Live Reload Plugin QR code

Mit @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

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.

Beispiel zur 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

Ermöglichen Sie eine WebSocket-Verbindung, 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

Gibt den aktuellen Verbindungszustand zurück.

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

await LiveReload.getStatus();

Vollständige Referenz

Fortsetzen Sie mit der Verwendung von @capgo/capacitor-live-reload

Wenn Sie die Verwendung von Mit der Verwendung von @capgo/capacitor-live-reload um native Plugin-Arbeit zu planen, 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 Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren