使用 @capgo/capacitor-recaptcha
从 Web、Android 和 iOS Capacitor 应用程序中生成 reCAPTCHA 和 reCAPTCHA Enterprise token。
安装
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.
生成 A Token
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-社会登录 为 @capgo/capacitor-社会登录 的实现细节 @capgo/capacitor-密钥 为 @capgo/capacitor-密钥 的实现细节, 和 @capgo/capacitor-原生生物识别 为 @capgo/capacitor-原生生物识别 的实现细节。