본문으로 바로가기
플러그인으로 돌아가기
@capgo/capacitor-recaptcha
튜토리얼
@capgo/capacitor-recaptcha

reCAPTCHA

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

도움말

reCAPTCHA 튜토리얼

장치에서 테스트

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

reCAPTCHA 플러그인 미리보기 QRcode

@capgo/capacitor-recaptcha 사용

Capacitor 앱(웹, 안드로이드, iOS)에서 Web, Android, iOS 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 Enterprise 대신 표준 reCAPTCHA v3를 로드해야 하는 경우에만 사용하십시오. 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에서 계속 진행하십시오.

이미 사용 중이라면 @capgo/capacitor-recaptcha 인증 및 계정 흐름을 계획하고 연결하기 위해 @capgo/capacitor-recaptcha @capgo/capacitor-recaptcha Getting Started Getting Started @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-passkey @capgo/capacitor-passkey, 및 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric.