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

reCAPTCHA

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

안내서

reCAPTCHA에 대한 튜토리얼

장치에서 테스트

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

reCAPTCHA 플러그인 미리보기 QR code

Web, Android 및 iOS 앱에서 @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 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 평가를 생성하십시오.

전체 참조

capgo에서 capacitor-recaptcha를 계속 사용하세요.

__CAPGO_KEEP_0__을 사용하고 있다면 capgo/capacitor-recaptcha를 사용하고 있다면 인증 및 계정 흐름을 계획하고 싶다면 capgo/capacitor-recaptcha와 연결하세요. capgo/capacitor-recaptcha의 implementation detail을 @capgo/capacitor-recaptcha에서 확인하세요. 시작하기 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login의 implementation detail을 확인하기 위해 capgo/capacitor-social-login을 사용하세요. capgo/capacitor-social-login의 implementation detail을 @capgo/capacitor-social-login에서 확인하세요. @capgo/capacitor-passkey implementation 세부 사항을 위해 @capgo/capacitor-passkey @capgo/capacitor-native-biometric implementation 세부 사항을 위해 @capgo/capacitor-native-biometric.