接入腾讯 验证码

文档地址：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)   // 票据
 }
}

。