메인 콘텐츠로 건너뛰기
@capgo/capacitor-웹뷰 가디언 인증 및 보안 오픈 소스

웹뷰 가디언 Capacitor 플러그인

백그라운드에서 웹 뷰가 종료되었는지 감지하고 전면에서 다시 시작합니다.

설치

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의 WebView Guardian 사용 방법

장치에서 테스트

Capgo 앱을 다운로드한 후 QR code를 스캔하세요.

웹뷰 가디언 플러그인 미리보기 QR code

capgo/capacitor-webview-guardian을 사용하여 @capgo

Capacitor 플러그인을 사용하여 백그라운드에서 웹뷰가 종료되었는지 감지하고 전면에서 다시 시작합니다.

설치

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

bunx cap sync code의 네이티브 code을 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

Import

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()

WebView 상태를 즉시 프로브합니다.

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

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

이벤트를 듣습니다.

addListener handle을 반환합니다. 호출 handle.remove() 화면이 언마운트될 때.

전체 참조

@capgo/capacitor-웹뷰 가디언으로 계속 진행하세요

__CAPGO_KEEP_0__-webview-guardian을 사용하는 경우 @capgo/capacitor-웹뷰 가디언 __CAPGO_KEEP_0__-webview-guardian의 구현 세부 사항을 확인하세요. @capgo/capacitor-웹뷰 가디언 for the implementation detail in @capgo/capacitor-webview-guardian, Getting Started Capacitor WebView Guardian @capgo/capacitor-라이브-활동 native 기능을 위한 @capgo/capacitor-live-activities @capgo/capacitor-라이브-활동 for capgo의 구현 세부사항에 대한 @capacitor-live-활동들에 대해 @capgo/capacitor-video-player for the native capability in Using @capgo/capacitor-video-player.

FAQ

웹뷰 가디언 플러그인 FAQ

웹뷰 가디언 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-webview-guardian" (또는 "npm install @capgo/capacitor-webview-guardian")를 실행하고 "bunx cap sync"를 실행하여 iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 앱 code에서 "@capgo/capacitor-webview-guardian"을 임포트하세요.

@capgo/capacitor-webview-guardian은 React, Vue 및 Angular과 함께 작동합니까?

네. 웹뷰 가디언은 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내부에서 작동하는 경우에 작동합니다.

Which Capacitor version does @capgo/capacitor-webview-guardian support?

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다: Capacitor의 메이저 버전과 일치하는 플러그인 메이저 버전을 사용하십시오 (예를 들어 플러그인 v8과 Capacitor 8). GitHub README에 있는 호환성 표에서 유지 보수되는 버전을 확인하십시오.

capgo/capacitor-webview-guardian은 무료이며 오픈 소스인가요?

code의 소스는 GitHub에 공개되어 있습니다 (https://github.com/Cap-go/capacitor-webview-guardian/). npm에서 무료로 설치할 수 있습니다. 버그 리포트와 풀 리퀘스트는 환영합니다.

code를 사용하는 WebView Guardian을 App Store 리뷰 없이 업데이트할 수 있나요?

code를 설치하거나 업그레이드하면 네이티브 code가 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 Capgo Live Update를 통해 JavaScript, HTML 및 CSS 변경 사항을 즉시 배포할 수 있습니다.

앱 리뷰 대기 없이 웹뷰 가디언의 변경 사항을 배포하세요.

플러그인이 스토어 빌드에 포함되면 Capgo 라이브 업데이트 통해 사용자에게 몇 분 내에 자바스크립트, HTML 및 CSS 변경 사항을 푸시합니다.

Capgo로 시작하세요.