请先关注 [低调大师] 公众号 优秀的自媒体个人博客,低调大师,许军

低调大师

您现在的位置是:首页>文章详情

文章详情

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

2018-09-18 153热度

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)

相关文章

    文章评论

    共有0条评论来说两句吧...