ICAT技术 阅读:1742评论: 0 2018-06-28

image.pngimage.png



使用google来做验证码需要翻墙,可以使用baccloud做代理翻墙


第一步

去申请key和秘钥

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

image.png

填写如上设置

其中Domains是配置白名单域名,在本地做测试填写localhost


第二步

在html中引入google的js

<script src='https://www.google.com/recaptcha/api.js'></script>

在页面中放入一下html代码

<form>

    <div class="g-recaptcha" data-sitekey="6LfhI2EUAAAAAESR_XqCX6Vk0yXUGNYQAA-zz2su"></div>

</form>

其中data-sitekey 是你申请的Site key

验证最好放入form表单中,随账号密码一同提交

这样html页面就回显示

image.png

第三步

在服务端做验证码效验

在前段form表单的提交下,会有一个验证码的参数自动随form表单提交

image.png

在后台接受页面传来的值g-recaptcha-response

使用post请求调用谷歌的验证接口

接口地址:

https://www.google.com/recaptcha/api/siteverify

参数secret:为申请的Secret key

            response:前段表单提交参数名为g-recaptcha-response的值

            remoteip:ip地址(可以选填)


通过接口返回一个json对象,来验证是否成功!

转载请注明来源:

评论