메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-recaptcha
튜토리얼
github.com/Cap-go에 의해

reCAPTCHA

웹 reCAPTCHA 또는 reCAPTCHA Enterprise 토큰을 생성하거나 native Enterprise 모바일 토큰

가이드

reCAPTCHA에 대한 튜토리얼

@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 Android 및 iOS는 Google의 Enterprise/mobile SDK 경로를 사용하고 SDK을 거부합니다. enterprise: false.

토큰 생성

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

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

__CAPGO_KEEP_0__으로 토큰을 백엔드에 보내고 보호된 요청을 수락하기 전에 reCAPTCHA 평가를 생성하세요.

전체 참조

Using @capgo/capacitor-recaptcha에서 계속 진행하세요.

이미 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-recaptcha를 사용 중이라면 Using @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 구현 세부 정보에 대해서는