메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-recaptcha
튜토리얼
@capgo/capacitor-recaptcha

reCAPTCHA

웹 reCAPTCHA 또는 reCAPTCHA Enterprise 토큰을 생성하고 native Enterprise 모바일 토큰을 생성합니다.

Capacitor reCAPTCHA 플러그인 npm에서 보기

설명서

reCAPTCHA 튜토리얼

Download the Capgo app, then scan the QR code.

reCAPTCHA 플러그인 미리보기 QR code

@capgo/capacitor-recaptcha 사용

Generate reCAPTCHA and reCAPTCHA Enterprise tokens from Web, Android, and iOS Capacitor apps.

설치

npm install @capgo/capacitor-recaptcha
npx cap sync

설정

import type { CapacitorConfig } from '@capacitor/cli';
import '@capgo/capacitor-recaptcha';

const config: CapacitorConfig = {
  plugins: {
    Recaptcha: {
      androidSiteKey: 'ANDROID_SITE_KEY',
      iosSiteKey: 'IOS_SITE_KEY',
      webSiteKey: 'WEB_SITE_KEY',
      enterprise: true,
    },
  },
};

export default config;

사용 enterprise: false 웹 구현이 표준 reCAPTCHA v3 대신 reCAPTCHA Enterprise를 로드해야 하는 경우에만 사용하십시오. 안드로이드 및 iOS는 Google의 Enterprise/mobile SDK 경로를 사용하고 SDK을 거부합니다. enterprise: false.

토큰 생성

import { Recaptcha } from '@capgo/capacitor-recaptcha';

const { token } = await Recaptcha.execute({
  action: 'login',
});

보안 요청을 수락하기 전에 백엔드에 토큰을 보내 reCAPTCHA 평가를 생성하십시오.

전체 참조

Keep going from Using @capgo/capacitor-recaptcha

Capacitor Recaptcha를 사용 중이시면 Using @capgo/capacitor-recaptcha 인증 및 계정 흐름을 계획하고 싶으시다면 @capgo/capacitor-recaptcha for the implementation detail in @capgo/capacitor-recaptcha, Getting Started Getting Started의 구현 세부 사항을 참조하세요. @capgo/capacitor-social-login @capgo/capacitor-social-login의 구현 세부 사항을 참조하세요. @capgo/capacitor-passkey for the implementation detail in @capgo/capacitor-passkey, and @capgo/capacitor-native-biometric for the implementation detail in @capgo/capacitor-native-biometric.