Web前端接入人機識別驗證碼---騰訊防水牆
摘要：
Web前端接入
1. 準備AppID
驗證碼接入需要先在管理後臺中註冊獲取APPID和APPSECRET，註冊步驟請參考
快速開始
2. 快速接入步驟
1、在Head的標籤內最後加入以下程式碼引入驗證JS檔案...
Web前端接入
1. 準備AppID
驗證碼接入需要先在管理後臺中註冊獲取APPID和APPSECRET，註冊步驟請參考
2. 快速接入步驟
1、在Head的標籤內最後加入以下程式碼引入驗證JS檔案（建議直接在html中引入）
<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
2、在你想要啟用驗證碼的DOM元素（eg. 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: 1, ticket: null}
// res（驗證成功） = {ret: 0, ticket: "String", randstr: "String"}
if(res.ret === 0){
alert(res.ticket)// 票據
}
}
完成以上操作後，點選啟用驗證碼的元素，即可彈出驗證碼。
想了解更多的詳細詳細,請參看官網地址: