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

reCAPTCHA

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

가이드

reCAPTCHA에 대한 튜토리얼

Using @capgo/capacitor-recaptcha

Web, Android, 및 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 Web 구현에서 표준 reCAPTCHA v3 대신 reCAPTCHA Enterprise를 로드해야 하는 경우에만 사용하십시오. Android 및 iOS는 Google의 Enterprise/mobile SDK 경로를 사용하고 거부합니다. enterprise: false.

토큰 생성

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

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

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

전체 참조

Using @capgo/capacitor-recaptcha에서 계속 진행하십시오.

이미 사용 중이라면 Using @capgo/capacitor-recaptcha 인증 및 계정 흐름을 계획하고 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-recaptcha와 연결하세요. @capgo/capacitor-recaptcha 인증 및 계정 흐름을 계획하고 @capgo/capacitor-recaptcha의 구현 세부 사항을 참조하세요. Getting Started Getting Started의 구현 세부 사항을 참조하세요. @capgo/capacitor-social-login for the implementation detail in @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.