Zum Hauptinhalt springen
@capgo/capacitor-Webview-Schutzmechanismus Authentifizierung und Sicherheit Offene Quelle

Webview-Wächter Capacitor-Plugin

Detectieren Sie, wann der WebView im Hintergrund getötet wurde, und starten Sie ihn im 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

Guide

Wie verwendet man den WebView Guardian in Capacitor

Herunterladen von Capgo auf App Store

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

Vorschau-Link für das WebView-Guardian-code

Verwendung von @capgo/capacitor-webview-guardian

Capacitor-Plugin: Erkennen, wenn der WebView im Hintergrund beendet wurde und starten Sie ihn im Vordergrund neu.

Installieren

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

bunx cap sync kopiert das Plugin-code in Ihre native Projekte. Führen Sie es erneut aus, nachdem jede Plugin-Upgrade durchgeführt wurde.

Importieren

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

API im Überblick

Methode Beschreibung
startMonitoring Startet die Beobachtung von Vordergrundereignissen und überprüft automatisch die WebView-Gesundheit.
stopMonitoring Beendet jede automatische Vordergrundüberwachung.
getState Gibt den aktuellen bekannten Überwachungsstatus zurück.
checkNow Forziert eine WebView-Gesundheitsprüfung sofort.

Beispiele

startMonitoring()

Startet die Beobachtung von Vordergrundereignissen und überprüft automatisch die WebView-Gesundheit.

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

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

stopMonitoring()

Beendet jede automatische Vordergrundüberwachung.

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

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

getState()

Gibt den aktuellen bekannten Überwachungsstatus zurück.

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

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

checkNow()

Forziert eine WebView-Gesundheitsprüfung sofort.

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

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

Zuhören zu Ereignissen

addListener erstellt einen Handle. Ruf handle.remove() wenn sich das Bildschirmfenster auflöst.

Vollständige Referenz

Weitermachen von Using @capgo/capacitor-webview-guardian

Wenn Sie Using verwenden Verwendung von @capgo/capacitor-webview-guardian Um native Medien und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-webview-guardian für die Implementierungsdetails in @capgo/capacitor-webview-guardian Getting Started für die Implementierungsdetails in Getting Started, Mit @capgo/capacitor-live-aktivitäten für die native Fähigkeit in Mit @capgo/capacitor-live-aktivitäten, Mit @capgo/capacitor-live-aktivitäten für die Implementierungsdetails in @capgo/capacitor-live-aktivitäten und Mit @capgo/capacitor-video-player für die native Fähigkeit in Mit @capgo/capacitor-video-player.

FAQ

FAQ zum WebView Guardian-Plugin

Wie installiere ich das WebView Guardian-Plugin in einer Capacitor-Anwendung?

Führen Sie "bun add @capgo/capacitor-webview-guardian" (oder "npm install @capgo/capacitor-webview-guardian"), dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie sie aus "@capgo/capacitor-webview-guardian" in Ihrer code-Anwendung.

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

Ja. Das WebView Guardian-Plugin ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

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

Capgo-Erweiterungen folgen der Capacitor-Majorsversion: Wählen Sie die Erweiterungsmajorsversion, die Ihrer Capacitor-Majorsversion entspricht (z. B. Erweiterung v8 mit Capacitor 8). Die Kompatibilitätsübersicht in der GitHub-README enthält die unterstützten Versionen.

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

Ja. Der Quellcode von code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-webview-guardian/ verfügbar und die Pakete sind kostenlos zum Installieren von npm. Fehlermeldungen und Pull-Anfragen sind willkommen.

Kann ich code mit WebView Guardian aktualisieren, ohne eine App-Store-Überprüfung?

Die Installation oder das Upgrade der Erweiterung ändert die native code, daher ist eine neue App-Store-Build erforderlich. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die die Erweiterung aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Ship WebView Guardian-Änderungen ohne auf die App-Überprüfung warten zu müssen

Einmal der Plugin in Ihrem Store-Build installiert, werden Capgo lebendige Updates Ihre JavaScript-, HTML- und CSS-Änderungen in Minuten an die Benutzer pushen.

Starten Sie mit Capgo