メイン コンテンツにスキップ
@capgo/capacitor-ウェブビュー・ガーディアン セキュリティ & アクセス制御 オープンソース

ウェブビュー・ガーディアン Capacitor プラグイン

WebView がバックグラウンドで殺され、フォアグラウンドで再起動されることを検出します

インストール

bun add @capgo/capacitor-webview-guardian bunx cap sync
npm、pnpm または yarn
  • npm install @capgo/capacitor-webview-guardian
  • pnpm add @capgo/capacitor-webview-guardian
  • yarn add @capgo/capacitor-webview-guardian

ガイド

CapacitorのWebViewGuardianを使用する方法

デバイスでテスト

Download the Capgo app, then scan the QR code.

WebViewGuardian プラグインのプレビュー QRcode

@capgo/capacitor-webview-guardianを使用

Capacitorプラグインは、WebViewがバックグラウンドで殺され、フォアグラウンドで再起動することを検出します。

インストール

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

bunx cap sync プラグインのネイティブ code をあなたのネイティブ プロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。

インポート

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

API を一目で

方法 説明
startMonitoring フラグメントの前景イベントを監視し、自動的に WebView の健康状態を確認します。
stopMonitoring 自動的な前景監視を停止します。
getState 最新の監視状態を取得します。
checkNow WebView の健康状態を即座にプローブします。

例

startMonitoring()

フラグメントの前景イベントを監視し、自動的に WebView の健康状態を確認します。

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

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

stopMonitoring()

自動的な前景監視を停止します。

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

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

getState()

最新の監視状態を取得します。

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

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

checkNow()

ウェブビューの健康診断を即座に実行します。

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

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

イベントをリスンします。

addListener ハンドルを返します。画面がアンマウントされたときに呼び出してください。 handle.remove() フルリファレンス

__CAPGO_KEEP_0__ リポジトリ

@capgo/capacitor-webview-guardianを継続して使用してください。

__CAPGO_KEEP_0__-__CAPGO_KEEP_1__-webview-guardian を使用しています。 capgo-capacitor-webview-guardian を使用し続けます。 ネイティブメディアとインターフェイスの動作を計画するには、 @capgo/capacitor-webview-guardian @capgo/capacitor-ウェブビュー・ガーディアンの実装詳細 はじめに Getting Startedの実装詳細については @capgo/capacitorライブ活動を使用 native機能のために@capgo/capacitor-live-activitiesを使用します。 @capgo/capacitor-ライブアクティビティ @capgo/capacitor-ライブアクティビティの実装詳細について Using @capgo/capacitor-video-player Capacitorのネイティブ機能のために@capgo/capacitor-video-playerを使用します。

FAQ

ウェブビュー・ガーディアンプラグインのFAQ

ウェブビュー・ガーディアンプラグインをCapacitorアプリにインストールするにはどうすればよいですか?

Run "bun add @capgo/capacitor-webview-guardian" (or "npm install @capgo/capacitor-webview-guardian"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-webview-guardian" in your app code.

@capgo/capacitor-webview-guardian は、React、Vue、Angular とどのように動作しますか?

はい。 WebView Guardian は Capacitor パッケージなので、 Capacitor 内で実行される任意の Web フレームワークと互換性があります。 例えば、Ionic、React、Vue、Angular、Svelte、そしてプレーンの JavaScript などです。

どの Capacitor バージョンが @capgo/capacitor-webview-guardian をサポートしますか?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

@capgo/capacitor-webview-guardian は無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-webview-guardian/ and the package is free to install from npm. Bug reports and pull requests are welcome.

@code/__CAPGO_KEEP_1__-webview-guardian をアップデートすることは、App Store のレビューなしでできますか?

プラグインをインストールまたはアップグレードすると、ネイティブ code が変更されます。 その後、JavaScript、HTML、CSS の変更がプラグインを呼び出すと、 Capgo のライブアップデートで即時配信できます。

ウェブビュー・ガーディアンの変更をアプリレビューの待たなくして配信する

プラグインがあなたのストアビルドに含まれると、Capgoライブアップデートは、ユーザーにJavaScript、HTML、CSSの変更を数分でプッシュします。

Capgoから始めます