Langsung ke konten utama
@capgo/capacitor-webview-guardian Auth & Keamanan Open source

Pelindung WebView plugin Capacitor

Deteksi saat WebView dimatikan di background dan luncurkan ulang saat kembali ke foreground

Instal

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

Panduan

Cara menggunakan WebView Guardian di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

QR pratinjau plugin WebView Guardian code

Menggunakan @capgo/capacitor-webview-guardian

Plugin Capacitor untuk mendeteksi saat WebView dimatikan di background dan menjalankannya kembali saat masuk foreground.

Instal

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

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
startMonitoring Mulai memantau event foreground dan mengecek kesehatan WebView secara otomatis.
stopMonitoring Menghentikan semua pemantauan foreground otomatis.
getState Mengembalikan status monitoring terbaru yang diketahui.
checkNow Memaksa pengecekan kesehatan WebView segera.

Contoh

startMonitoring()

Mulai memantau event foreground dan mengecek kesehatan WebView secara otomatis.

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

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

stopMonitoring()

Menghentikan semua pemantauan foreground otomatis.

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

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

getState()

Mengembalikan status monitoring terbaru yang diketahui.

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

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

checkNow()

Memaksa pengecekan kesehatan WebView segera.

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

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

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat screen di-unmount.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-webview-guardian

Jika Anda menggunakan Menggunakan @capgo/capacitor-webview-guardian untuk merencanakan perilaku media dan antarmuka native, hubungkan dengan @capgo/capacitor-webview-guardian untuk detail implementasi di @capgo/capacitor-webview-guardian, Panduan Memulai untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kapabilitas native saat menggunakan @capgo/capacitor-video-player.

FAQ

FAQ Plugin WebView Guardian

Bagaimana cara install plugin WebView Guardian di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-webview-guardian" (atau "npm install @capgo/capacitor-webview-guardian"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-webview-guardian" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-webview-guardian kompatibel dengan React, Vue, dan Angular?

Ya. WebView Guardian adalah package Capacitor, jadi bisa dipakai dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung @capgo/capacitor-webview-guardian?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-webview-guardian gratis dan open source?

Ya. Source code code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-webview-guardian/ dan paketnya bebas diinstal dari npm. Laporan bug dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan WebView Guardian tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan WebView Guardian tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo