Saltar al contenido principal
@capgo/capacitor-guardián-de-la-vista-de-la-web Autenticación y seguridad Código abierto

Guardián de la vista de la web plugin de 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

Cómo usar WebView Guardian en Capacitor

Probar en dispositivo

Descargue la aplicación Capgo y escane el código QR code.

Vista de prueba del plugin WebView Guardian QR code

Usando @capgo/capacitor-webview-guardian

Complemento Capacitor para detectar cuando la WebView se mató en segundo plano y relanzarlo en primer plano.

Instalar

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

bunx cap sync Copia el code nativo del complemento en tus proyectos nativos. Correlo nuevamente después de cada actualización del complemento.

Importar

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

Vista general de API

Método 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.

Ejemplos

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()

Devuelve 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 del WebView inmediatamente.

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

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

Escucha eventos

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

Referencia completa

Sigue adelante desde el uso de @capgo/capacitor-webview-guardian

Si estás utilizando Usando @capgo/capacitor-webview-guardian para planificar el comportamiento de medios y interfaz nativa, conectarlo con @capgo/capacitor-guardián de la vista de la web para los detalles de implementación en @capgo/capacitor-webview-guardian Getting Started para el detalle de implementación en Getting Started, 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 WebView Guardian 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 proyecto nativo code. Importa desde "@capgo/capacitor-webview-guardian" en tu aplicación code.

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

Sí. El guardián de la vista web 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 admite @capgo/capacitor-webview-guardian?

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

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

Sí. El código fuente de code está disponible 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 extracción.

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

Instalar o actualizar el plugin cambia el code nativo, 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 directamente con Capgo actualizaciones en vivo.

Enviar 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 empujan tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo