10分钟接入腾讯验证码验证平台

本文介绍了如何在10分钟内将腾讯验证码平台的滑动验证接入到个人博客网站,包括在腾讯验证码平台注册账号、创建应用、客户端及服务器端的接入步骤。通过前端引入JS代码和后端进行票据验证,实现防止恶意用户的登陆验证。
摘要由CSDN通过智能技术生成

使用腾讯验证码平台接入滑动验证,防止恶意、可疑用户登陆。接入地址,收费版可以享受更高级的接入,这里我是给自己的博客网站接入,所以免费的就完全够用了。
一. 首先去腾讯验证码平台注册账号,登陆后创建验证应用程序。
在这里插入图片描述
二. 创建之后点击到【快速接入】可以查看到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
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值