@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 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 assessment를 생성하세요.
전체 레퍼런스
- GitHub: https://github.com/Cap-go/capacitor-recaptcha/
- 문서: /docs/plugins/recaptcha/
@capgo/capacitor-recaptcha 사용하기에서 계속하기
사용 중이라면 @capgo/capacitor-recaptcha 사용하기 인증 및 계정 흐름을 설계할 때, 이를 다음 항목과 연결하세요: @capgo/capacitor-recaptcha @capgo/capacitor-recaptcha의 구현 세부 사항은 시작하기 Getting Started의 구현 상세 내용은 @capgo/capacitor-social-login @capgo/capacitor-social-login의 구현 세부 사항은, @capgo/capacitor-passkey @capgo/capacitor-passkey의 구현 세부 사항과 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric.의 구현 세부 사항은