Allez directement au contenu principal
@capgo/capacitor-webview-guardian Sécurité et Authentification Source

Guardeur de Vue plugin Capacitor

Détection de la suppression du WebView en arrière-plan et redémarrage automatique en mode avant-plan

Installer

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

Guide

Comment utiliser WebView Guardian dans Capacitor

Tester sur appareil

Télécharger l'application Capgo puis scanner le code QR code.

Prévisualisation du plugin WebView Guardian QR code

Utilisation de @capgo/capacitor-webview-guardian

Le plugin Capacitor détecte quand le WebView a été tué en arrière-plan et le relance en avant-plan.

Installer

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

bunx cap sync copie le code natif du plugin code dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Importer

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

API en un coup d'œil

Méthode Description
startMonitoring Démarre l'observation des événements de premier plan et vérifie automatiquement la santé de la vue WebView.
stopMonitoring Arrête toute surveillance automatique de premier plan.
getState Renvoie l'état de surveillance le plus récent connu.
checkNow Forces une vérification de santé de WebView immédiatement.

Exemples

startMonitoring()

Démarre l'observation des événements de premier plan et vérifie automatiquement la santé de la vue WebView.

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

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

stopMonitoring()

Arrête toute surveillance automatique de premier plan.

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

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

getState()

Renvoie l'état de surveillance le plus récent connu.

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

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

checkNow()

Forces une vérification de santé de WebView immédiatement.

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

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

Écoutez les événements

addListener renvoie un gestionnaire. Appelez handle.remove() lorsque l'écran est démonté.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-webview-guardian

Si vous utilisez L'utilisation de @capgo/capacitor-webview-guardian pour planifier le comportement des médias et de l'interface natives, connectez-l’avec @capgo/capacitor-webview-guardian pour les détails d'implémentation dans @capgo/capacitor-webview-guardian Prise en main pour les détails d'implémentation dans Getting Started, En utilisant @capgo/capacitor-activités-en-ligne pour la capacité native dans En utilisant @capgo/capacitor-activités-en-ligne @capgo/capacitor-activités-en-ligne pour les détails d'implémentation dans @capgo/capacitor-activités-en-ligne, et En utilisant @capgo/capacitor-joueur-de-videos pour la capacité native dans En utilisant @capgo/capacitor-joueur-de-videos.

FAQ

FAQ du plugin WebView Guardian

Comment installez-vous le plugin WebView Guardian dans une application Capacitor?

Exécutez « bun add @capgo/capacitor-webview-guardian » (ou « npm install @capgo/capacitor-webview-guardian »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte le projet natif code. Importez-l’à partir de « @capgo/capacitor-webview-guardian » dans votre application code.

Le plugin @capgo/capacitor-webview-guardian fonctionne-t-il avec React, Vue et Angular?

Oui. Le plugin WebView Guardian est un paquet Capacitor, il fonctionne donc avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-webview-guardian?

Les Capgo plugins suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le fichier README du GitHub liste les versions maintenues.

Est-ce que @capgo/capacitor-webview-guardian est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à https://github.com/Cap-go/capacitor-webview-guardian/ et le package est gratuit pour l'installation depuis npm. Les rapports de bugs et les demandes de pull sont les bienvenus.

Peut-on mettre à jour code qui utilise WebView Guardian sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif de code, il faut donc une nouvelle build de l'application. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être envoyées instantanément avec les mises à jour Capgo.

Envoyez les modifications de WebView Guardian sans attendre la revue de l'application

Une fois le plugin est dans votre magasin de construction, Capgo mises à jour en direct push vos modifications de JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Démarrez avec Capgo