使用腾讯验证码平台接入滑动验证,防止恶意、可疑用户登陆。接入地址,收费版可以享受更高级的接入,这里我是给自己的博客网站接入,所以免费的就完全够用了。
一. 首先去腾讯验证码平台注册账号,登陆后创建验证应用程序。
二. 创建之后点击到【快速接入】可以查看到appid和秘钥。
准备工作已完成,下面就是代码进行客户端接入和服务器接入了。
三.客户端接入:
客户端接入即前端引入html和js代码(非常简单)。
- 引入js文件,此处是引入外网js,也可以下载下来放到本地引用。
<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
- 验证按钮(这个一般就是你的登陆按钮,按照腾讯固定格式)
<button type="button" class="pn" id="TencentCaptcha" data-appid="2096471113" data-cbfn="callback">进入后台系统</button>
注意:其中Id="TencentCaptcha"是固定值,data-appid 是你的应用程序appid
- 为了后台传值验证我这里加了2个隐藏的input用于存储回调的票据和随机字符串
<!--防水墙票据、字符串 begin-->
<input type="hidden" value="" name="ticket" id="ticket">
<input type="hidden" value="" name="randstr" id="randstr">
<!--防水墙票据、字符串 end-->
- 回调函数
<script