MENU▼

极验PHP环境Web部署

我已经做成了插件,点击查看


官方文档


下载

下载SDK文件
并放置在单独的文件夹内,比如captcha.


配置密钥

/config/config.php

也可以不配置,自带有,在官网申请密钥后可以查看调用次数详情。


引入

<script src="/captcha/static/gt.js"></script>

HTML

<div id="captcha"></div>//验证码容器


JavaScript

var handler = function (captchaObj) {
    captchaObj.appendTo('#captcha'); //添加到容器内
    captchaObj.onReady(function () { //加载后执行
        
    });
    $('#btn').click(function () { //提交按钮点击事件
        var result = captchaObj.getValidate(); //判断是否通过验证
        if (!result) {
            alert('请完成验证');
            return false;
        }
        
        //后面可以放验证成功后所执行的事件

    })
    // 更多前端接口说明请参见://docs.geetest.com/install/client/web-front/
};

$.ajax({
    url: "/captcha/web/StartCaptchaServlet.php?t=" + (new Date()).getTime(), // 加随机数防止缓存
    type: "get",
    dataType: "json",
    success: function (data) {

        // 调用 initGeetest 进行初始化
        // 参数1:配置参数
        // 参数2:回调,回调的第一个参数验证码对象,之后可以使用它调用相应的接口
        initGeetest({
            // 以下 4 个配置参数为必须,不能缺少
            gt: data.gt,
            challenge: data.challenge,
            offline: !data.success, // 表示用户后台检测极验服务器是否宕机
            new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机

            product: "popup", // 产品形式,包括:float,popup
            width: "300px" //验证码宽度
            
            // 更多前端配置参数说明请参见://docs.geetest.com/install/client/web-front/
        }, handler);
    }
});


请为这篇文章评分:
( 已有 1 人评分, 平均得分: 5 分 )
如果帮上忙了,赏po猪点小钱钱吧!
  1. 匿名 2019.10.07
    回复

    resafasd

  2. 棋子 2019.09.28
    回复

    gt目录是放在哪里的,放在插件目录里吗?
    我看你gt.js是从模版目录引入的,我没有单独引入,外观也能调用到验证,但貌似防不到垃圾留言,不知是不是我安装方式不对。还有两个地方报错的。

    1. LOIOU 2019.10.15
      回复

      用插件吧,插件里自带的gt目录了