Lompat ke konten utama
@capgo/capacitor-webview-guardian Auth & Keamanan Terbuka sumber

Guardian WebView plugin Capacitor

Detect ketika WebView dibunuh di latar belakang dan relaunchnya di latar depan

Instal

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

Panduan

Cara menggunakan Guardian WebView di Capacitor

Test di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan kode QR pratinjau plugin Guardian WebView code

Menggunakan @capgo/capacitor-webview-guardian

Plugin Capacitor untuk mendeteksi ketika WebView dibunuh di latar belakang dan relaunchnya di latar depan.

Install

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

bunx cap sync Menggandakan plugin asli code ke dalam proyek-proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

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

API secara singkat

Metode Deskripsi
startMonitoring Mulai mengamati event latar depan dan secara otomatis memeriksa kesehatan WebView.
stopMonitoring Berhenti mengamati latar depan secara otomatis.
getState Mengembalikan status pemantauan terakhir yang diketahui.
checkNow Menggunakan paksa probe kesehatan WebView sekarang juga.

Contoh-Contoh

startMonitoring()

Mulai mengamati event latar depan dan secara otomatis memeriksa kesehatan WebView.

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

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

stopMonitoring()

Berhenti mengamati latar depan secara otomatis.

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

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

getState()

Mengembalikan status pemantauan terbaru yang diketahui.

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

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

checkNow()

Mengembalikan keadaan pemantauan terbaru.

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

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

Forces a WebView health probe immediately.

addListener Menggunakan WebView probe kesehatan secara langsung. handle.remove() ketika layar dihapus.

Mendengarkan kejadian.

Teruskan dari Menggunakan @capgo/capacitor-webview-guardian

Full reference Menggunakan @capgo/capacitor-guardian WebView untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-pengawas-WebView untuk detail implementasi di @capgo/capacitor-webview-guardian Mulai Menggunakan untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities @capgo/capacitor-aktivitas-nyata untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kemampuan native di Menggunakan @capgo/capacitor-video-player

FAQ

Teruskan dari Gunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-webview-guardian

Bagaimana cara saya menginstal plugin Guardian WebView di aplikasi Capacitor?

Instal "bun add @capgo/capacitor-webview-guardian" (atau "npm install @capgo/capacitor-webview-guardian"), kemudian jalankan "bunx cap sync" agar proyek iOS dan Android dapat menangkap native code. Impor dari "@capgo/capacitor-webview-guardian" di aplikasi code Anda.

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

Ya. Guardian WebView adalah paket Capacitor, sehingga berfungsi dengan semua framework web yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

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

Plugin Capgo mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang dipelihara.

Apakah @capgo/capacitor-webview-guardian gratis dan terbuka sumber?

Ya. Sumber code yang terbuka tersedia di GitHub di https://github.com/Cap-go/capacitor-webview-guardian/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya dapat memperbarui code yang menggunakan Guardian WebView tanpa melalui tinjauan App Store?

Pemasangan atau pengupgrade plugin mengubah native code, sehingga memerlukan build aplikasi baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara instan dengan Capgo live updates.

Ship Perubahan Guardian WebView tanpa menunggu tinjauan aplikasi

Setelah plugin masuk ke dalam pembangunan toko Anda, Capgo pembaruan hidup memindahkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo