@ capgo/ 电容- recaptcha

在您的 Capacitor app 中保护签名、登录和付款, 网络、 Android 和 iOS 上的 reCAPTCHA 令牌, 并由您的后端验证 .

🤖 建筑与AI编码代理? 安装 Capgo 技能 所以克劳德代码,代码,光标,副驾驶,或双子座CLI知道如何安装和使用 @capgo/capacitor-recaptcha 在您的电容应用程序中: npx skills add Cap-go/capgo-skills。然后问你的经纪人: 添加@capgo/capor-recaptcha到我的Capacitor应用上,并把它接上。" 代理设置指南 • 妇女 主机磁共振

主要特点

• 装入数字 : load() 初始化并缓存 reCAPTCHA 客户端.
• 执行数字 : execute() 返回动作的符号,准备后端验证.
• 移动: reCAPTCHA Entertainment SDKs on Android and iOS. 互联网档案馆的存檔,存档日期2013-12-20.
• 网页: reCAPTCHA v3 与 (中文(简体) ) api.js,或与 enterprise.js。 。 。 .
• 每个平台键数字 : androidSiteKey, (中文(简体) ), iosSiteKey 财务报告和审定财务报表 webSiteKey 赢得共享 siteKey 设置在同一级别.
• 平台: iOS,Android和Web. 互联网档案馆的存檔,存档日期2013-12-02.

在Web,Android,和iOS上生成 reCAPTCHA 令牌的电容插件.

它支持:

• 网络 reCAPTCHA v3 与 api.js
• 使用 Web reCAPTCHA 企业 enterprise.js
• Android和iOS reCAPTCHA 企业/移动式SDKs

在登录,注册,取出,密码重置等敏感动作前使用,或者在易被滥用的形式提交之前使用. 信使必须发送到您的后端 并通过创建 reCAPTCHA 评估来核实.

兼容性

此插件的主要版本沿用了Capacitor的主要版本.

安装

您可以使用我们的 AI 辅助设置安装插件 。 使用以下命令将 Capgo 技能添加到您的 AI 工具 :

npx skills add https://github.com/cap-go/capacitor-skills --skill capacitor-plugins

然后使用下列提示:

Use the `capacitor-plugins` skill from `cap-go/capacitor-skills` to install the `@capgo/capacitor-recaptcha` plugin in my project.

如果您更喜欢手动设置,请通过运行以下命令来安装插件,并遵循下面的平台特定指令:

npm install @capgo/capacitor-recaptcha
npx cap sync

配置

import type { CapacitorConfig } from '@capacitor/cli';
import '@capgo/capacitor-recaptcha';

const config: CapacitorConfig = {
  appId: 'com.example.app',
  appName: 'Example',
  webDir: 'dist',
  plugins: {
    Recaptcha: {
      androidSiteKey: 'ANDROID_SITE_KEY',
      iosSiteKey: 'IOS_SITE_KEY',
      webSiteKey: 'WEB_SITE_KEY',
      enterprise: true,
    },
  },
};

export default config;

也可以通过 siteKey 直接转到 load() 或者说 execute() 当密钥是针对环境的.

使用量

import { Recaptcha } from '@capgo/capacitor-recaptcha';

await Recaptcha.load();

const { token } = await Recaptcha.execute({
  action: 'login',
});

await fetch('/api/recaptcha-assessment', {
  method: 'POST',
  headers: { 'content-type': 'application/json' },
  body: JSON.stringify({ token, action: 'login' }),
});

常规Web reCAPTCHA v3:

const { token } = await Recaptcha.execute({
  siteKey: 'WEB_V3_SITE_KEY',
  enterprise: false,
  action: 'signup',
});

平台设置

机器人

在 Google Cloud reCAPTCHA 中创建一个Android 移动应用程序密钥并将其用作 androidSiteKey 或者说 siteKey。 。 。 .

Android使用Google的移动 reCAPTCHA SDK. 常规的,非企业的 reCAPTCHA v3 只能在这个插件的Web上提供 ; enterprise: false 在Android上被拒绝.

插件取决于 :

com.google.android.recaptcha:recaptcha:18.8.0

Google的Android reCAPTCHA SDK要求消费应用中的核心库去蛋白. 插件可以在 npx cap sync android 并添加:

com.android.tools:desugar_jdk_libs:2.1.5

您可以在您的应用程序 Gradle 配置中覆盖版本 recaptchaVersion。 。 。 . 您可以通过 desugarJdkLibsVersion。 。 。 .

iOS系统

在 Google Cloud reCAPTCHA 中创建一个 iOS 移动应用程序密钥并将其用作 iosSiteKey 或者说 siteKey。 。 。 .

iOS 使用谷歌软件 RecaptchaEnterprise 移动 SDK. 常规的,非企业的 reCAPTCHA v3 只能在这个插件的Web上提供 ; enterprise: false 在 iOS 上被拒绝.

插件同时传送 Swift 套件管理器和 CocoaPods 元数据并依赖于 Google RecaptchaEnterprise iOS SDK. (英语).

网页

使用网站密钥 。 设定 enterprise: true 企业或 enterprise: false 用于常规 reCAPTCHA v3.

页:1

• 托肯是单用,应当在受保护后端请求前立即生成.
• 通过创建 reCAPTCHA 评估来验证你后端的每个符号.
• 科多瓦旧地 sitekeyAndroid 财务报告和审定财务报表 sitekeyWeb 选项名在调用选项和 Capacitor 配置中被接受为迁移别名.
• sitekeyIos 财务报告和审定财务报表 sitekeyIOS 在调用选项和Capacitor配置中被接受为iOS迁移别名.

示例应用

这个 example-app/ 本地插件的文件夹链接 file:..。 。 。 .

cd example-app
npm install
npm run start

API 密码

• load(...)
• execute(...)
• getPluginVersion()
• 接口

reCAPTCHA 插件 API.

装入(...)

load(options?: LoadOptions | undefined) => Promise<LoadResult>

装入并缓存当前平台的 reCAPTCHA 客户端.

execute() 在需要时自动加载客户端,所以调用这种方法是可选的.

回返情况: Promise<LoadResult>

自: 8.0.0 (单位:千美元)

执行(...)

execute(options: ExecuteOptions) => Promise<ExecuteResult>

执行reCAPTCHA的动作并返回后端评估的符号.

回返情况: Promise<ExecuteResult>

自: 8.0.0 (单位:千美元)

获取 PluginVersion ()

getPluginVersion() => Promise<PluginVersionResult>

返回平台执行版本标记 .

回返情况: Promise<PluginVersionResult>

自: 8.0.0 (单位:千美元)

接口

装入结果

客户端装入后返回结果 .

装入选项

用于装入 reCAPTCHA 客户端的选项 .

执行结果

执行保护动作后返回结果 .

执行选项

用于执行被保护动作的选项 .

插件变压器

插件版本有效载荷 .