Vai al contenuto principale
@capgo/capacitor-guardiano della vista web Autenticazione & Sicurezza Open source

Guardiano del WebView Plugin Capacitor

Detecta quando il WebView è stato ucciso in background e riavviarlo in foreground

Installa

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

Guida

Come utilizzare il Guardian del WebView in Capacitor

Testare su dispositivo

Scarica l'app Capgo, poi scansione il QR code.

Link QR di anteprima del plugin WebView Guardian code

Utilizzare @capgo/capacitor-webview-guardian

Plugin Capacitor per rilevare quando il WebView è stato ucciso in background e riavviarlo in foreground.

Installa

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

bunx cap sync Esegue una copia del nativo code del plugin nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.

Importa

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

Esegui API in un colpo solo

Metodo Descrizione
startMonitoring Avvia l'osservazione degli eventi in primo piano e controlla automaticamente la salute del WebView.
stopMonitoring Sospende qualsiasi monitoraggio di primo piano automatico.
getState Restituisce lo stato di monitoraggio più recente conosciuto.
checkNow Forza un probe di salute del WebView immediatamente.

Esempi

startMonitoring()

Avvia l'osservazione degli eventi in primo piano e controlla automaticamente la salute del WebView.

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

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

stopMonitoring()

Sospende qualsiasi monitoraggio di primo piano automatico.

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

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

getState()

Restituisce lo stato di monitoraggio più recente conosciuto.

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

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

checkNow()

Forza un probe di salute per WebView immediatamente.

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

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

Ascolta gli eventi

addListener restituisce un handle. Chiama handle.remove() quando lo schermo viene smontato.

Riferimento completo

Continua da Utilizzo di @capgo/capacitor-webview-guardian

Se stai utilizzando Utilizzo di @capgo/capacitor-webview-guardian per pianificare il comportamento dei media e dell'interfaccia nativa, connettetelo con @capgo/capacitor-guardiano della vista web per il dettaglio di implementazione in @capgo/capacitor-guardiano del webview Getting Started per i dettagli di implementazione in Iniziare Utilizzando @capgo/capacitor-attività in tempo reale per la capacità nativa in Utilizzando @capgo/capacitor-attività in tempo reale @capgo/capacitor-attività in tempo reale per i dettagli di implementazione in @capgo/capacitor-live-attività Utilizzando @capgo/capacitor-lettore di video per la capacità nativa in Utilizzando @capgo/capacitor-lettore di video

FAQ

Faq del plugin WebView Guardian

Come posso installare il plugin del guardiano della vista web in un'app Capacitor?

Esegui "bun add @capgo/capacitor-webview-guardian" (o "npm install @capgo/capacitor-webview-guardian"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-webview-guardian" nella tua app code.

Funziona @capgo/capacitor-webview-guardian con React, Vue e Angular?

Sì. WebView Guardian è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Qual è la versione Capacitor di @capgo/capacitor-webview-guardian?

I pacchetti Capgo seguono la versione maggiore di Capacitor: utilizza la versione maggiore del plugin che corrisponde alla tua versione maggiore di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

È gratuito e open source @capgo/capacitor-webview-guardian?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-webview-guardian/ e il pacchetto è gratuito da installare su npm. I segnalazioni di bug e pull request sono benvenuti.

Posso aggiornare code che utilizza WebView Guardian senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il nativo code, quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere distribuite immediatamente con Capgo live updates.

Conseguiamo le modifiche del Guardian WebView senza attendere la revisione dell'app

Una volta che il plugin è presente nella tua build di store, Capgo le aggiornamenti in tempo reale inviano i cambiamenti JavaScript, HTML e CSS ai tuoi utenti in pochi minuti.

Inizia con Capgo