Saltar al contenido principal
@capgo/capacitor-guardián-de-la-vista-de-la-web Autenticación & Seguridad Fuente abierta

Guardián de la Vista de la Web Complemento Capacitor

Detectar cuando el WebView fue eliminado en segundo plano y relanzarlo en primer plano

Instalar

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

Guía

How to use WebView Guardian en Capacitor

Probar en dispositivo

Descarga la aplicación Capgo, luego escanea el código QR code.

Vista Web Guardian plugin preview QR code

Usando @capgo/capacitor-webview-guardian

El plugin Capacitor para detectar cuando el WebView fue eliminado en segundo plano y relanzarlo en primer plano.

Instalar

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

bunx cap sync Escribe el plugin nativo code en tus proyectos nativos. Ejecútalo de nuevo después de cada actualización del plugin.

Importar

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

API en un vistazo

Metodo Descripción
startMonitoring Comienza a observar eventos de primer plano y verifica automáticamente la salud del WebView.
stopMonitoring Detiene cualquier monitoreo de primer plano automático.
getState Devuelve el estado de monitoreo más reciente conocido.
checkNow Forza una prueba de salud del WebView inmediatamente.

Examples

startMonitoring()

Comienza a observar eventos de primer plano y verifica automáticamente la salud del WebView.

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

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

stopMonitoring()

Detiene cualquier monitoreo de primer plano automático.

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

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

getState()

Regresa el estado de monitoreo más reciente conocido.

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

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

checkNow()

Forza una prueba de salud de WebView inmediatamente.

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

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

Escuchar eventos

addListener devuelve un manejador. Llame handle.remove() cuando se desmonta la pantalla.

Referencia completa

Sigue adelante desde Usando @capgo/capacitor-webview-guardian

Si estás utilizando Usando @capgo/capacitor-webview-guardian planear el comportamiento de medios y interfaces nativas, conectarlo con @capgo/capacitor-guardián-de-ventana-web para el detalle de implementación en @capgo/capacitor-guardián-de-ventana-web Getting Started para el detalle de implementación en Iniciación Usando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo @capgo/capacitor-actividades-en-vivo para el detalle de implementación en @capgo/capacitor-actividades-en-vivo, y Usando @capgo/capacitor-reproductor-de-videos para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos

FAQ

Preguntas frecuentes del plugin WebView Guardian

¿Cómo instalo el plugin de guardián de vista de página en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-webview-guardian" (o "npm install @capgo/capacitor-webview-guardian"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen el nativo code. Importa desde "@capgo/capacitor-webview-guardian" en tu aplicación code.

¿Funciona @capgo/capacitor-webview-guardian con React, Vue y Angular?

Sí. WebView Guardian es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-webview-guardian?

Los plugins Capgo siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es gratuita y de código abierto @capgo/capacitor-webview-guardian?

Sí. El código fuente code está público en GitHub en https://github.com/Cap-go/capacitor-webview-guardian/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

Puedo actualizar code que utiliza WebView Guardian sin una revisión de la Tienda de Aplicaciones?

Instalar o actualizar el plugin cambia el nativo code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios de JavaScript, HTML y CSS que llaman al plugin pueden enviar instantáneamente con Capgo actualizaciones en vivo.

Envíe cambios en WebView Guardian sin esperar la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían los cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Comience con Capgo