官方网站

前端

准备工作:确保已经在极验用户后台获取到了 captchaId

配置参数

1.引入初始化函数

1
<script src="https://static.geetest.com/static/js/gt.0.4.9.js"></script>

2.初始化

1
<div id="captcha"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
ajax({
url: "API1接口(详见服务端部署)",
type: "get",
dataType: "json",
success: function (data) {
//请检测data的数据结构, 保证data.gt, data.challenge, data.success有值
initGeetest(
{
// 以下配置参数来自服务端 SDK
gt: data.gt,
challenge: data.challenge,
offline: !data.success,
new_captcha: true,
},
function (captchaObj) {
captchaObj.appendTo("#captcha");
}
);
},
});

3.二次验证

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
initGeetest4(
{
// 省略配置参数
},
function (captchaObj) {
// 省略其他方法的调用
captchaObj.onSuccess(function () {
var result = captchaObj.getValidate();
// ajax 伪代码
$.ajax({
url: "服务端",
data: result,
dataType: "json",
success: function (res) {
console.log(res.result);
},
});
});
}
);

重置

1
captchaObj.reset();

后端

后端使用 Nodejs + Express

官方 Demo