在项目中使用滑动验证，可以调用腾讯云的组件和接口（付费项目）介绍先看官方的一步步教程：https:///cloud.tencent.com/document/product/1110/36839其中，前端涉及到“Step3:ClientAccess”，引入了“快速访问”和“自定义访问”两种访问方式。如果项目是用原生HTML或jQuery开发的，那么可以使用“快速访问”。如果项目是使用vue、react等框架开发的，则需要使用“自定义访问”。Step1.新建项目，在appid对应的验证码控制台注册AppID和AppSecret。“url地址”可以填写本地开发IP地址，如“192.168.20.28”。注意，如果自己测试，需要先获取免费包。即在APPID列表中新增验证成功后，在列表中选择“领取免费套餐”即可接收20000次调用。2.在index.html中引入校验js文件3.给按钮绑定点击事件，实例化TencentCaptcha，并制定一个回调函数//vue示例//点击按钮，会出现拼图弹窗验证methods:{varify(){letappid='xxxxx';//腾讯云控制台中该项目对应的appid//生成滑块验证码对象letcaptcha=newTencentCaptcha(appid,function(res){//用户滑动或关闭弹窗后，内容腾讯返回console.log(res)if(res.ret===0){//成功，传数据到后台验证axios.post('接口路径',{ticket:res.ticket,CaptchaAppId:res.appid,randstr:res.randstr,//其他参数}).then(//后台验证通过，返回用户信息//前端接收并登录System).catch(//验证失败)}else{//提示用户完成验证}});//滑块显示captcha.show();其中，腾讯返回的数据格式如下：appid:"xxxx"bizState:"xxx"randstr:"@0N2"ret:0//2表示用户关闭验证弹窗ticket:"xxxxx"4.如果在线调试后台没有连接腾讯云验证接口，也可以使用腾讯云提供的在线调试工具测试验证结果。填写参数”，填写需要的内容，返回的结果填写Ticket什么的。选择右侧在线调用->发送请求
