Zum Hauptinhalt springen
@capgo/capacitor-webview-guardian Authentifizierung & Sicherheit Open Source

WebView Guardian Capacitor Plugin

Erkennt, wenn die WebView im Hintergrund beendet wurde, und startet sie beim Wechsel in den Vordergrund neu

Installieren

bun add @capgo/capacitor-webview-guardian bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-webview-guardian
  • pnpm add @capgo/capacitor-webview-guardian
  • yarn add @capgo/capacitor-webview-guardian

Anleitung

WebView Guardian in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

WebView Guardian Plugin-Vorschau-QR code

Verwendung von @capgo/capacitor-webview-guardian

Capacitor Plugin, um zu erkennen, wenn die WebView im Hintergrund beendet wurde, und sie im Vordergrund neu zu starten.

Installieren

bun add @capgo/capacitor-webview-guardian
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';

API auf einen Blick

Methode Beschreibung
startMonitoring Beginnt mit der Überwachung von Foreground-Events und prüft automatisch den WebView-Status.
stopMonitoring Stoppt die automatische Foreground-Überwachung.
getState Gibt den aktuellsten bekannten Monitoring-Status zurück.
checkNow Erzwingt sofort einen WebView-Health-Check.

Beispiele

startMonitoring()

Beginnt mit der Überwachung von Foreground-Events und prüft automatisch den WebView-Status.

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';

const result = await WebviewGuardian.startMonitoring();
console.log(result);

stopMonitoring()

Stoppt die automatische Foreground-Überwachung.

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';

const result = await WebviewGuardian.stopMonitoring();
console.log(result);

getState()

Gibt den aktuellsten bekannten Monitoring-Status zurück.

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';

const result = await WebviewGuardian.getState();
console.log(result);

checkNow()

Erzwingt sofort einen WebView-Health-Check.

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';

const result = await WebviewGuardian.checkNow();
console.log(result);

Events abonnieren

addListener gibt ein Handle zurück. Rufe handle.remove() wenn der Screen unmountet wird.

Vollständige Referenz

Weiterlesen unter Verwendung von @capgo/capacitor-webview-guardian

Wenn du es nutzt Verwendung von @capgo/capacitor-webview-guardian , um natives Media- und Interface-Verhalten zu planen, verbinde es mit @capgo/capacitor-webview-guardian für die Implementierungsdetails in @capgo/capacitor-webview-guardian, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-live-activities verwenden für die native Funktion in „@capgo/capacitor-live-activities verwenden“, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities und Verwendung von @capgo/capacitor-video-player für die native Funktionalität in „Verwendung von @capgo/capacitor-video-player.“

FAQ

WebView Guardian Plugin FAQ

Wie installiere ich das WebView Guardian Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-webview-guardian" (oder "npm install @capgo/capacitor-webview-guardian") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-webview-guardian".

Funktioniert @capgo/capacitor-webview-guardian mit React, Vue und Angular?

Ja. WebView Guardian ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-webview-guardian unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-webview-guardian kostenlos und Open Source?

Ja. Der Source-code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-webview-guardian/ und das Paket lässt sich kostenlos über npm installieren. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit WebView Guardian aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

WebView Guardian Änderungen ausrollen, ohne auf den App Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo