免费使用 Google 防注册机验证
Posted sp42a
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了免费使用 Google 防注册机验证相关的知识，希望对你有一定的参考价值。
准备
要有谷歌账户，去注册 https://www.google.com/recaptcha/admin。我们使用 reCAPTCHA v3
填入你的域名，技巧：
1、可多个域名存放在一个网站下（其实实际是不同网站也没关系）
2、添加 localhost 便于本地开发测试
使用
我们使用自定义用法。
引入脚本
<!-- Google 防注册机验证 -->
<style>.grecaptcha-badge{display: none;}</style>
<script src="https://www.recaptcha.net/recaptcha/api.js?render=XXXX"></script>
render 参数是你的客户 appId，注意不是密钥。另外一个样式是隐藏 Google 标签的，自然大多数客户不想看到。
beforeSubmit
一般来说要写入操作的表单都要验证一下（写入的操作）。我们在表单之前获取 Token 并作为参数传到后端，于是我们封装了一个小函数，其中 GoogleReCAPTCHA_siteId 就是客户 appId。
/**
* 表单提交之前执行，获取 Token 并作为参数传到后端
*
* @param {*} cb 提交表单的回调函数
*/
function googleReCAPTCHA(cb) {
grecaptcha.ready(() => {
grecaptcha
.execute(this.GoogleReCAPTCHA_siteId, { action: "submit" })
.then(cb);
});
}
使用例子：
// 提交表单
global.googleReCAPTCHA((token) => {
this.feedback.grecaptchaToken = token;// 注意这里加入 token 字段
xhr.xhr_post("/api/feedback",
(j) => {
console.log(j);
if (j.isOk)
this.$Message.success("提交成功！");
else
this.$Message.fail("提交错误！");
},
xhr.toParams(this.feedback)
);
});
服务端处理
后端就是把传入的 token 再请求 Google 校验是否合法。下面给一个 Java 的例子，大致思路如此。
public boolean check(String token) {
if (!cfg.isEnable())
return true;
if (!StringUtils.hasText(token))
throw new IllegalArgumentException("非法攻击！客户端缺少必要的参数");
Map<String, Object> map = Post.api(SITE_VERIFY, String.format("secret=%s&response=%s", cfg.getAccessSecret(), token.trim()));
if (map == null)
throw new IllegalAccessError("谷歌验证码服务失效，请联系技术人员");
if ((boolean) map.get("success")) // 判断用户输入的验证码是否通过
return true;
else {
if ("timeout-or-duplicate".equals(map.get("error-codes")))
throw new NullPointerException("验证码已经过期，请刷新");
throw new IllegalAccessError("验证码不正确");
}
}
POST 请求 Post.api(SITE_VERIFY, String.format("secret=%s&response=%s", cfg.getAccessSecret(), token.trim()));，输入 Token 和密钥两个参数发出去进行校验。然后根据返回的结果是否进行数据的提交，即 SQL 等的保存工作。
小结
Google reCaptcha 挺不错的，无感知验证，不需要用户输入验证码。但实际还是要根据评分再作出判断。参考：
以上是关于免费使用 Google 防注册机验证的主要内容，如果未能解决你的问题，请参考以下文章