Lompat ke konten utama
@capgo/capacitor-pengawas-pemandu-pita Autentikasi & Keamanan Terbuka Sumber

Pengawas Pemandu Pita Plugin Capacitor

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

Install

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 View Web di Capacitor

Uji di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR pratinjau plugin WebView Guardian code

Menggunakan @capgo/capacitor-webview-guardian

Capacitor plugin untuk mendeteksi ketika WebView dibunuh di latar belakang dan meluncurkannya kembali ke latar depan.

Pasang

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.

Impor

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

API secara singkat

Metode Deskripsi
startMonitoring Mulai mengamati peristiwa latar depan dan secara otomatis memeriksa kesehatan WebView.
stopMonitoring Hentikan pengawasan latar depan otomatis.
getState Mengembalikan keadaan pengawasan terakhir yang diketahui.
checkNow Kerjakan probe kesehatan WebView secara langsung.

Contoh

startMonitoring()

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

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

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

stopMonitoring()

Hentikan pengawasan latar depan otomatis.

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

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

getState()

Mengembalikan keadaan pengawasan terakhir yang diketahui.

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

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

checkNow()

Kerjakan probe kesehatan WebView secara langsung.

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

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

Dengarkan event

addListener Dengarkan peristiwa handle.remove() ketika layar dihapus.

Referensi lengkap.

Teruskan dari Menggunakan @capgo/capacitor-webview-guardian

Jika Anda menggunakan Menggunakan @capgo/capacitor-webview-guardian untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-webview-guardian untuk detail implementasi di @capgo/capacitor-webview-guardian Mulai Menggunakan untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan asli di Menggunakan @capgo/capacitor-aktivitas-hidup, @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-aktivitas-hidup, dan Menggunakan @capgo/capacitor-pemain-video untuk kemampuan asli di Menggunakan @capgo/capacitor-pemain-video.

FAQ

Pertanyaan Plugin WebView Guardian

Bagaimana cara menginstal 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 dapat menangkap native code. Import dari "@capgo/capacitor-webview-guardian" di aplikasi code.

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

Iya. Plugin WebView Guardian adalah paket Capacitor, sehingga dapat berjalan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

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

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

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

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

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

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

Kirim perubahan WebView Guardian tanpa harus menunggu tinjauan aplikasi

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

Mulai dengan Capgo