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

reCAPTCHA

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

설명서

재CAPTCHA에 대한 튜토리얼

장치에서 테스트

Download the Capgo app, then scan the QR code.

reCAPTCHA 플러그인 미리보기 QR code

@capgo/capacitor-recaptcha 사용

웹, 안드로이드 및 iOS Capacitor 앱에서 reCAPTCHA 및 reCAPTCHA Enterprise 토큰을 생성합니다.

설치

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/모바일 SDK 경로를 사용하고 SDK을 거부합니다. enterprise: false.

토큰 생성

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

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

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

전체 참조

Capacitor-ReCAPTCHA를 계속 사용하세요. @capgo/capacitor-recaptcha

Capacitor-ReCAPTCHA를 사용 중인 경우 Using @capgo/capacitor-recaptcha 인증 및 계정 흐름을 계획하고 있습니다. @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-recaptcha와 연결하세요. @capgo/capacitor-recaptcha의 구현 세부 사항 for the implementation detail in @capgo/capacitor-recaptcha, Getting Started의 구현 세부 사항 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login의 구현 세부 사항 @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.