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

Live Reload

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

Downloads/Woche

2,5k

GitHub Sterne

7

Anleitung

Lebendes Rückladen-Tutorial

Mit @capgo/capacitor-live-reload

Capacitor-Plugin zum lebendigen Rückladen von Capacitor-Anwendungen von einem Remote-Vite-Entwicklungs-Server.

Installieren

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

Was dieses Plugin enthüllt

  • configureServer - Speichern Sie die Einstellungen des Remote-Entwicklungs-Servers für zukünftige Verbindungen.
  • connect - Eine WebSocket-Verbindung herstellen, wenn keine bereits aktiv ist.
  • disconnect - Die aktuelle WebSocket-Verbindung schließen und die automatische Wiederherstellung deaktivieren.
  • getStatus - Gibt den aktuellen Verbindungszustand zurück.

Beispielanwendung

configureServer

Speichert die remote dev Server-Einstellungen, die für die nachfolgenden 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 Auto-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