码迷,mamicode.com
首页 > 其他好文 > 详细

通用功能模块------滑动图片验证

时间:2018-09-13 20:22:48      阅读:492      评论:0      收藏:0      [点我收藏+]

标签:参考   二次   前端   请求   参数   tcap   span   更改   secret   

1.免费接口

https://007.qq.com/product.html?ADTAG=index.block

(这个是腾讯的验证码,目前是免费的,2018-09-13)

2.登录注册

(自己按照提示注册一个就好了,他上面也有比较完整的接入文档)

3.AppID和App Secret Key

(注册完成后,你会有一个AppIDApp Secret Key,这个一定要记住,后面要用到,忘记了也可以登录自己的账户可以查询到)

4.前端部分

  --> 引入js文件

    <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>

  --> 激活验证码

    <button id="TencentCaptcha"  data-appid="AppID"  data-cbfn="callback">验证</button>

    (点击按钮,会自动激活验证码,data-cbfn:回调函数)

  --> 回调函数

    技术分享图片

   (这里,发起的Ajax请求,主要是要在后端再做一次验证)

5.后端部分 (基于.net,参考文档上有其他方式的)

  --> 服务器接入的url

     https://ssl.captcha.qq.com/ticket/verify

  --> 必填参数

    技术分享图片

   --> 后端发起请求

    技术分享图片

   --> 返回数据格式

    技术分享图片

(再在后台做二次验证,我的理解是主要是要验证当前的用户是否是请求的用户,以及前端的信息是否有做过其他更改,这样会更可靠)

 

通用功能模块------滑动图片验证

标签:参考   二次   前端   请求   参数   tcap   span   更改   secret   

原文地址:https://www.cnblogs.com/LiCoco/p/9642176.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!