给网站添加谷歌验证(我不是机器人)

原创
2018/09/18 15:15
阅读数 1W

1、去谷歌网站。(如果没有谷歌gmail,也许还要注册gmail并登陆)

https://www.google.com/recaptcha/admin#list

2、注册要验证的网站。


  • Label中随意填写个标签。
  • 'Choose the type of reCAPTCHA'中选择验证类型。第一个是网站。第二个只是后台验证。第三个是安卓。
  • ‘Domains’中填写要验证的域名。这个就和网站关联起来了。
  • 同意服务条款之后。点击‘register’

3、集成文档。

注册完成后会看到下面的内容。

点击之后。会有集成方法。

‘keys’里面有2个key:Site key是给前端放在HTML表单中的,Secret key是前端提交表单之后。后台去请求谷歌用的。

4、前端集成要点:

  1. 引入js <script src='https://www.google.com/recaptcha/api.js'></script>
  2. 把这个添加到表单中。<div class="g-recaptcha" data-sitekey="6Lee1XAUAAAAAMjH4T6yMzgkq6iwdIurjfpYKBx0"></div>
    用户提交表单之后。会有个名字是g-recaptcha-response的input框。提交到后台。

5、后端验证:

后端验证直接上代码:

//组装请求
    let options = {
        method: 'POST',
        uri: 'https://www.google.com/recaptcha/api/siteverify',
        form: {
            secret: '上面的Secret key',
            response:fields['g-recaptcha-response'] 这里获取前端表单的g-recaptcha-response
        }
    };
    //请求谷歌验证
    let verifyBody = await  requestPromise(options).catch(err =>{
        ctx.throw(err.message);
    });
    let  verifyResult = JSON.parse(verifyBody);
    if (!verifyResult.success)
        ctx.throw("' I'm not a robot ' verification failed");
展开阅读全文
打赏
0
13 收藏
分享
加载中
哪个..后端怎么插入...前端可以显示谷歌验证了,就是后端不行..+
2019/11/17 20:25
回复
举报
你可以看一下,我上面写的第3步中的“集成文档。”。后端验证的时候,就是 POST 方式请求https://www.google.com/recaptcha/api/siteverify 接口,并且带上2个参数: secret: '你自己的Secret key', response:获取前端表单的g-recaptcha-response
2019/11/20 12:48
回复
举报

引用来自“alan-”的评论

google 用不了,你可以用https://www.recaptcha.net/recaptcha/api.js

引用来自“hgoldfish”的评论

这个也是从 gstatic 取数据,能用?
用google生成的key,域名换成了www.recaptcha.net,其他不变
2018/09/20 10:17
回复
举报

引用来自“alan-”的评论

google 用不了,你可以用https://www.recaptcha.net/recaptcha/api.js

引用来自“hgoldfish”的评论

这个也是从 gstatic 取数据,能用?
http://6vip.ml/google.png
2018/09/20 10:15
回复
举报

引用来自“alan-”的评论

google 用不了,你可以用https://www.recaptcha.net/recaptcha/api.js

引用来自“hgoldfish”的评论

这个也是从 gstatic 取数据,能用?
可以的
2018/09/20 10:09
回复
举报

引用来自“alan-”的评论

google 用不了,你可以用https://www.recaptcha.net/recaptcha/api.js
这个也是从 gstatic 取数据,能用?
2018/09/20 09:51
回复
举报
google 用不了,你可以用https://www.recaptcha.net/recaptcha/api.js
2018/09/19 20:48
回复
举报
更多评论
打赏
7 评论
13 收藏
0
分享
返回顶部
顶部