Zum Hauptinhalt springen
Zurück zu Plugins
@capgo/capacitor-live-reload
Tutorial
von github.com/Cap-go

Live Reload

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

Richtlinie

Tutorial zum Live Reload

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 diese Erweiterung offenlegt

  • configureServer - Speichert remote Entwicklungs-Server-Einstellungen, die für nachfolgende Verbindungen verwendet werden.
  • 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 für die Verwendung

configureServer

Speichert remote Entwicklungs-Server-Einstellungen, die für nachfolgende Verbindungen verwendet werden.

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

await LiveReload.configureServer({} as ConfigureServerOptions);

connect

Erstellt eine WebSocket-Verbindung, wenn keine bereits aktiv ist.

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

await LiveReload.connect();

disconnect

Schließt die aktuelle WebSocket-Verbindung und deaktiviert 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 native Plugin-Arbeiten planen, verbinden Sie es mit Mit der Verwendung von @capgo/capacitor-live-reload um native Plugin-Arbeiten zu planen, verbinden Sie es mit @capgo/capacitor-live-reload zur Implementierungsdetail in @capgo/capacitor-live-reload Anleitung zum Starten zur Implementierungsdetail in Anleitung zum Starten Capgo Plugin-Verzeichnis zur Produktworkflow in Capgo Plugin-Verzeichnis Capacitor Plugins durch Capgo für die Implementierungsdetails in Capacitor Plugins durch Capgo, und Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren.