가이드
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 평가를 생성하십시오.
전체 참조
- GitHub: https://github.com/Cap-go/capacitor-recaptcha/
- 문서: /docs/plugins/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.