官方网站

示例

前端

准备工作：确保已经在极验用户后台获取到了 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
initGeetest(
  {
    // 省略配置参数
  },
  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