Salta al contenuto principale
@capgo/capacitor-webview-guardian Autenticazione e sicurezza Open source

WebView Guardian Plugin Capacitor

Rileva quando la WebView viene terminata in background e riavviala 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 usare WebView Guardian in Capacitor

Testa sul dispositivo

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

Anteprima QR del plugin WebView Guardian code

Utilizzo di @capgo/capacitor-webview-guardian

Plugin Capacitor per rilevare quando la WebView viene chiusa in background e riavviarla in foreground.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
startMonitoring Inizia a monitorare gli eventi in foreground e controlla automaticamente lo stato della WebView.
stopMonitoring Interrompe il monitoraggio automatico in foreground.
getState Restituisce l'ultimo stato di monitoraggio noto.
checkNow Forza immediatamente un controllo dello stato della WebView.

Esempi

startMonitoring()

Inizia a monitorare gli eventi in foreground e controlla automaticamente lo stato della WebView.

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

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

stopMonitoring()

Interrompe il monitoraggio automatico in foreground.

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

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

getState()

Restituisce l'ultimo stato di monitoraggio noto.

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

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

checkNow()

Forza immediatamente un controllo dello stato della WebView.

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 la schermata viene smontata.

Riferimento completo

Torna a Usare @capgo/capacitor-webview-guardian

Se stai usando Usare @capgo/capacitor-webview-guardian per pianificare il comportamento dei media nativi e dell'interfaccia, collegalo a @capgo/capacitor-webview-guardian per i dettagli di implementazione in @capgo/capacitor-webview-guardian, Per iniziare per i dettagli di implementazione nella guida introduttiva, Uso di @capgo/capacitor-live-activities per la funzionalità nativa nella pagina Uso di @capgo/capacitor-live-activities, @capgo/capacitor-live-activities per i dettagli di implementazione in @capgo/capacitor-live-activities, e Uso di @capgo/capacitor-video-player per la funzionalità nativa in Usare @capgo/capacitor-video-player.

FAQ

FAQ del plugin WebView Guardian

Come installo il plugin WebView Guardian in un'app Capacitor?

Esegui "bun add @capgo/capacitor-webview-guardian" (o "npm install @capgo/capacitor-webview-guardian"), poi lancia "bunx cap sync" così che i progetti iOS e Android rilevino il code nativo. Importalo da "@capgo/capacitor-webview-guardian" nel code della tua app.

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

Sì. WebView Guardian è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-webview-guardian?

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

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

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-webview-guardian/ e il pacchetto si installa gratuitamente da npm. Bug report e pull request sono benvenuti.

Posso aggiornare code che usa WebView Guardian senza passare dalla revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Distribuisci aggiornamenti a WebView Guardian senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo