文档地址:https://cloud.tencent.com/document/product/1110/36839
首先需要在控制台建立appid什么的:
注册完成后,您可以在控制台的 基础配置 中查看 AppID 以及 AppSecret。
快速接入
在 Head 标签的最后加入以下代码,引入验证 JS 文件(建议直接在 HTML 中引入)。
<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
2.在您需要激活验证码的 DOM 元素(button、div、span)内加入以下 ID 及属性。
<!--点击此元素会自动激活验证码--> <!--id : 元素的 ID (必须)--> <!--data-appid : AppID(必须)--> <!--data-cbfn : 回调函数名(必须)--> <!--data-biz-state : 业务自定义透传参数(可选)--> <button id="TencentCaptcha" data-appid="appId" data-cbfn="callback" type="button" >验证</button>
3.为验证码创建回调函数。
注意:
函数名要与 data-cbfn 相同。
window.callback = function(res){ console.log(res) // res(用户主动关闭验证码)= {ret: 2, ticket: null} // res(验证成功) = {ret: 0, ticket: "String", randstr: "String"} if(res.ret === 0){ alert(res.ticket) // 票据 } }
。