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

最新推荐文章于 2024-04-05 14:07:20 发布

zhouhaitao_cherry

最新推荐文章于 2024-04-05 14:07:20 发布

阅读量1.8k

点赞数 1

分类专栏：人机验证码文章标签： 1024程序员节

本文链接：https://blog.csdn.net/u010960161/article/details/109259737

版权

人机验证码专栏收录该内容

1 篇文章 0 订阅

订阅专栏

二话不说先上效果图：

前端

新建一个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.aid
            paramsMap.put("AppSecretKey", *****);//配置文件配置的qq.captcha.AppSecretKey
            paramsMap.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

zhouhaitao_cherry

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
2
评论
java实现腾讯人机验证 + 前端

二话不说先上效果图：前端新建一个html页面内容为：<!DOCTYPE html><html><head> <title>腾讯人机校验</title></head><body><button id="TencentCaptcha" data-appid="1253632833" data-cbfn="callback" class="layui-btn layui-block" lay-
复制链接

扫一扫