@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/MobileSDKパスを使用し拒否します 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/
@capgo/capacitor-recaptchaを使用し続けてください
Capgoを使用している場合 Using @capgo/capacitor-recaptcha Capgoを使用して認証とアカウントフローの計画を行う場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-recaptchaと接続してください @capgo/capacitor-recaptchaの実装詳細については@capgo/capacitor-recaptchaを参照してください for the implementation detail in @capgo/capacitor-recaptcha, Getting Startedの実装詳細については、Getting Startedを参照してください @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-loginの実装詳細については@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-loginを参照してください @capgo/capacitor-social-loginの実装詳細については@capgo/capacitor-social-loginを参照してください @capgo/capacitor-social-loginの実装詳細については@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.