使用@capgo/capacitor-recaptcha
从Web、Android和iOSCapacitor应用中生成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/移动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/
继续使用 @capgo/capacitor-recaptcha
如果您正在使用 使用 @capgo/capacitor-recaptcha 来规划身份验证和帐户流程,连接它到 @capgo/capacitor-recaptcha 查看 @capgo/capacitor-recaptcha 的实现细节 开始 查看开始的实现细节 @capgo/capacitor-social-login 查看 @capgo/capacitor-social-login 的实现细节 @capgo/capacitor-passkey 为 @capgo/capacitor-passkey 的实现细节,以及 @capgo/capacitor-native-biometric 为 @capgo/capacitor-native-biometric 的实现细节.