Saltar al contenido principal
@capgo/capacitor-webview-version-checker Auth y seguridad Código abierto

Verificador de versión de WebView plugin Capacitor

Plugin de Capacitor para verificar la versión de Android WebView y guiar a los usuarios al flujo de actualización nativa

Instalar

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

Guía

Cómo usar WebView Version Checker en Capacitor

Usar @capgo/capacitor-webview-version-checker

API público para verificar la versión de WebView y guiar a los usuarios a las actualizaciones.

Instalar

bun add @capgo/capacitor-webview-version-checker
bunx cap sync

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

API de un vistazo

Método Descripción
check Ejecuta una comprobación de versión y devuelve el último estado conocido.
startMonitoring Activa el monitoreo en segundo plano (normalmente al reanudar la app).
stopMonitoring Desactiva el monitoreo.
getLastStatus Devuelve el último estado resuelto, o null si aún no se ha ejecutado ninguna comprobación.
showUpdatePrompt Muestra un prompt nativo pidiendo al usuario que actualice el WebView.
openUpdatePage Abre directamente la página de actualización configurada.

Ejemplos

check()

Ejecuta una comprobación de versión y devuelve el último estado conocido.

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.check();
console.log(result);

startMonitoring()

Activa el monitoreo en segundo plano (normalmente al reanudar la app).

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

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

stopMonitoring()

Desactiva el monitoreo.

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

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

getLastStatus()

Devuelve el último estado resuelto, o null si aún no se ha ejecutado ninguna comprobación.

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.getLastStatus();
console.log(result);

showUpdatePrompt()

Muestra un prompt nativo pidiendo al usuario que actualice el WebView.

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.showUpdatePrompt();
console.log(result);

openUpdatePage()

Abre directamente la página de actualización configurada.

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.openUpdatePage();
console.log(result);

Escuchar eventos

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

Referencia completa

Continúa desde Using @capgo/capacitor-webview-version-checker

Si estás usando Usar @capgo/capacitor-webview-version-checker para planificar el comportamiento de los medios nativos y la interfaz, conéctalo con @capgo/capacitor-webview-version-checker para los detalles de implementación en @capgo/capacitor-webview-version-checker, Primeros pasos para los detalles de implementación en Primeros pasos, Uso de @capgo/capacitor-live-activities para la capacidad nativa en Uso de @capgo/capacitor-live-activities, @capgo/capacitor-live-activities para el detalle de implementación en @capgo/capacitor-live-activities, y Uso de @capgo/capacitor-video-player para la capacidad nativa en Uso de @capgo/capacitor-video-player.

FAQ

FAQ del plugin WebView Version Checker

¿Cómo instalo el plugin WebView Version Checker en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-webview-version-checker" (o "npm install @capgo/capacitor-webview-version-checker") y luego "bunx cap sync" para que los proyectos de iOS y Android detecten el code nativo. Impórtalo desde "@capgo/capacitor-webview-version-checker" en el code de tu app.

¿Es compatible @capgo/capacitor-webview-version-checker con React, Vue y Angular?

Sí. WebView Version Checker 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 es compatible con @capgo/capacitor-webview-version-checker?

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

¿Es @capgo/capacitor-webview-version-checker gratuito y open source?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-webview-version-checker/ y el paquete es gratuito en npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa WebView Version Checker sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de WebView Version Checker sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo