二话不说先上效果图：

前端

新建一个html页面内容为：

<!DOCTYPE html>
<html>
<head><title>腾讯人机校验</title>
</head>
<body><button id="TencentCaptcha" data-appid="1253632833" data-cbfn="callback" class="layui-btn layui-block" lay-filter="login" lay-submit="">点击校验</button>
</body><script src="https://ssl.captcha.qq.com/TCaptcha.js"></script><script>window.callback = function(res){console.log(res);  if(res.ret == 0){//将ticket、randstr传至后台校验}     }
</script>
</html>

注意点：

1、引入包：

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

2、登录按钮：

<button id="TencentCaptcha" data-appid="1253632833" data-cbfn="callback" class="layui-btn layui-block" lay-filter="login" lay-submit="">点击校验</button>

后端

1、参数配置：

qq.captcha.open= false
qq.captcha.url= https://ssl.captcha.qq.com/ticket/verify
qq.captcha.aid= **********
qq.captcha.AppSecretKey= ************

2、工具校验类：

public Boolean check(String ticket,String randstr) throws Exception {Map<String, String> paramsMap= new HashMap<>();paramsMap.put("aid", ******);//配置文件配置的qq.captcha.aidparamsMap.put("AppSecretKey", *****);//配置文件配置的qq.captcha.AppSecretKeyparamsMap.put("Ticket", ticket);paramsMap.put("Randstr", randstr);paramsMap.put("UserIP", IPUtils.getIpAddr());String msg = HttpUtils.get(captcha.getUrl(), paramsMap);/*** response: 1:验证成功，0:验证失败，100:AppSecretKey参数校验错误[required]* evil_level:[0,100]，恶意等级[optional]* err_msg:验证错误信息[optional]*/System.out.println(msg);JSONObject json = JSONObject.parseObject(msg);String response = (String) json.get("response");if("1".equals(response)){return true;}else{return false;}}

注意：

aid和AppSecretKey在腾讯云上可查看：https://console.cloud.tencent.com/cam/capi

java实现腾讯人机验证 + 前端相关推荐

前端-uniapp开发app登录逻辑（人机验证以及手机获取验证码）
1.逻辑梳理跳转登录页面后,显示需要手机登录.填写手机号->点击获取验证码->弹出人机验证页面->拼图成功->请求后端接口给手机发验证码->获取验证码文字变成60s计时 ...
阿里云人机验证(无痕)完整流程以及注意事项
阿里云人机验证(无痕)完整流程及注意事项 1.文档链接:阿里云人机验证文档 2.无痕验证流程图: 3.开发注意事项前端注意事项: 1.前端代码在购买服务后可以直接获取,或者参考官方文档内代码 2.前 ...
登录前的人机验证VAPTCHA
具体查看官方文档:https://www.vaptcha.com/document/install.html 验证流程 1.创建验证单元,获取VID和Key ,需要去官方系统创建VID和Key 2.将 ...
浅谈如何使用Google reCAPTCHA进行人机验证
reCAPTCHA是Google公司推出的一项验证服务,使用十分方便快捷,在国外许多网站上均有使用.它与许多其他的人机验证方式不同,它极少需要用户进行各种识图验证. 它的使用方式如下如所示,只需勾选复 ...
使用Google reCAPTCHA进行人机验证
reCAPTCHA是Google公司推出的一项验证服务,使用十分方便快捷,在国外许多网站上均有使用.它与许多其他的人机验证方式不同,它极少需要用户进行各种识图验证. 它的使用方式如下如所示,只需勾选复 ...
php人机验证,89.人机验证（一） |《TDD 构建 Laravel 论坛笔记》| Laravel China 社区...
本系列文章为laracasts.com 的系列视频教程--Let's Build A Forum with Laravel and TDD 的学习笔记.若喜欢该系列视频,可去该网站订阅后下载该系列视频 ...
php免费人机验证,Antiboter是一个界面漂亮且方便使用的PHP后台的图片人机验证
Antiboter PHP-HTML版本 Antiboter是一个界面漂亮且方便使用的PHP后台的图片人机验证 Antiboter不依赖于任何前端框架 (不需要导入jQure,react或者boots ...
2022年mvnrepository跳过人机验证
前言欢迎大家来到我的博客,请各位看客们点赞.收藏.关注三连! 欢迎大家关注我的知识库,Java之从零开始·语雀你的关注就是我前进的动力! CSDN专注于问题解决的博客记录,语雀专注于知识的收集与 ...
OCR识别通过某瓣人机验证
本篇文章将带你使用ocr识别通过人机验证码豆瓣很骚,莫名其妙就总会出来人机验证,用了代理也过不去,感觉是通过cookies识别你是否为爬虫,一识别就出404弹个人机验证,为了防止爆人机,也想了很多方 ...

java实现腾讯人机验证 + 前端

前端

后端

java实现腾讯人机验证 + 前端相关推荐

最新文章

热门文章

java实现 腾讯人机验证 + 前端

前端

后端

java实现 腾讯人机验证 + 前端相关推荐

最新文章

热门文章

java实现腾讯人机验证 + 前端

java实现腾讯人机验证 + 前端相关推荐