拖动图形验证码(极验验证)

最新推荐文章于 2024-05-02 12:59:45 发布
最新推荐文章于 2024-05-02 12:59:45 发布
阅读量9.1k 收藏 3
点赞数

1.地址

http://www.geetest.com/   申请账号

2.样式

3. 前端

<div id="captcha">
                <div id="loading-tip">加载中，请稍后...</div>
            </div>

4.js   引用<script src="../../js/gt.js"> </script>

生成验证信息

 //极验
        // 渲染 验证条
        var handler = function (captchaObj) {
                captcha = captchaObj;
                // DOM 准备好后，隐藏 #loading-tip 元素
                // 仅作示例用，用您适合的方式隐藏即可
                captchaObj.onReady(function () {
                    document.getElementById('loading-tip').style.display = 'none';
                    // $("#register").attr("disabled",true); 
                    ischeck=false;
                });

                // 出错啦，可以提醒用户稍后进行重试
                captchaObj.onError(function () {
                    layer.msg('页面出错，请刷新页面。。。', {icon: 5});
                });
                // 验证码成功以后会执行的方法，但不代表验证成功
                captchaObj.onSuccess(function () {
                     result = captchaObj.getValidate();

                    // $("#register").attr("disabled",false);
                    ischeck=true;
                    // api2 查询验证是否成功
                    /*$.ajax({
                        url: _API+"rbac/api_verif2", //  二次验证的接口地址
                        type: "post",
                        data: {
                            geetest_challenge: result.geetest_challenge,
                            geetest_validate: result.geetest_validate,
                            geetest_seccode: result.geetest_seccode,
                            // 其他服务端需要的数据，比如登录时的用户名和密码
                        },
                        dataType: "json",
                        success: function (data) {
                            console.log(data)
                            if( data.type == 'ok' ){
                                $("#sendSet").attr("disabled",false);
                            }else{
                                layer.msg('验证失败', {icon: 5});
                                captchaObj.reset(); // 调用该接口进行重置
                            }
                        }
                    })*/
                });
                // 将验证码加到id为captcha的元素里
                // 渲染验证条
                captchaObj.appendTo("#captcha");
            };
            // api1 获取流水标识并设置状态码
            $.ajax({
                url: _SERVER + "rbac/api_verif1", //  验证码的第一次验证 接口
                type: "post",
                dataType: "json",
                success: function (data) {
                    //请检测data的数据结构， 保证data.gt, data.challenge, data.success有值
                    initGeetest({
                        gt: data.gt,
                        challenge: data.challenge,
                        product: "float", // 产品形式
                        offline: !data.success
                    }, handler); // 参数配置完以后执行上面的handler方法 渲染验证条
                }
            });

 注册时验证

$.ajax({
                                type: "POST",
                                url: _SERVER + "user/register",
                                data: {
                                    "user_string": mobile,
                                    "password": passwords,
                                    "extension_code": invite_code,
                                    "re_password": confirm_password,
                                    "type": "mobile",
                                    "code": code_phone,
                                    "card": ids,
                                    "pay_password": pay_pwd,
                                    "username": username,
                                    "area_code":area_code,
                                    geetest_challenge: result.geetest_challenge,
                                    geetest_validate: result.geetest_validate,
                                    geetest_seccode: result.geetest_seccode
                                },
                                dataType: "json",
                                success: function (data) {
                                    layer_close()
                                    if (data.type == "ok") {
                                        layer_msg(data.message);
                                        setTimeout(function () {
                                            window.location.href = "login.html"
                                        }, 1000);
                                    } else {
                                        layer_msg(data.message)
                                        return false;
                                    }
                                }
                            });

5.php

接口

Route::any('api/rbac/api_verif1', 'Api\RbacController@apiVerif1');//获取流水标识

<?php

namespace App\Http\Controllers\Api;

use Illuminate\Http\Request;

use App\GeetestLib;

class RbacController extends Controller
{
    //
    // 验证码的第一次验证
    public function apiVerif1(Request $request){
        // 极验类的库，传入CAPTCHA_ID 和 PRIVATE_KEY
        // 在极验后台有，写到配置文件中去
        $GtSdk = new GeetestLib(config('geetest.id'), config('geetest.key'));
        $data = array(
            "user_id" => uniqid(), # 网站用户id
            "client_type" => "h5", #web:电脑上的浏览器；h5:手机上的浏览器，包括移动应用内完全内置的web_view；native：通过原生SDK植入APP应用的方式
            "ip_address" => $request->getClientIp(), # 请在此处传输用户请求验证时所携带的IP
        );
        $status = $GtSdk->pre_process($data, 1); // 获取服务器的状态
        session(['gtserver' => $status]);// 状态存入session中
        session(['user_id' => $data['user_id']]);// 用户id存入session中
        echo $GtSdk->get_response_str(); // 传到前台 供initGeetest使用 data.gt, data.challenge, data.success
    }

    // 验证码的第二次验证
    public function apiVerif2(Request $request){
        $info = $request->all();
        // 判断服务器是否正常
        $gtserver = session()->pull('gtserver');
        // 用户的id  一个随机数
        $user_id  = session()->pull('user_id');
        $GtSdk = new GeetestLib(config('geetest.id'), config('geetest.key'));
        $data = array(
            "user_id" => $user_id, # 网站用户id
            "client_type" => "h5", #web:电脑上的浏览器；h5:手机上的浏览器，包括移动应用内完全内置的web_view；native：通过原生SDK植入APP应用的方式
            "ip_address" => $request->getClientIp(), # 请在此处传输用户请求验证时所携带的IP
        );
        if ( $gtserver == 1) {   // 服务器正常
            $result = $GtSdk->success_validate($info['geetest_challenge'], $info['geetest_validate'], $info['geetest_seccode'], $data);
            if ($result) {
               return $this->success('验证成功'); // echo '{"status":"success"}';
            }
            return $this->error('验证失败');
        } else {  // 服务器宕机,走failback模式
            if ($GtSdk->fail_validate($info['geetest_challenge'],$info['geetest_validate'],$info['geetest_seccode'])) {
                return  $this->success('验证成功');
            }
            return $this->error('验证失败');
        }
    }

    // 验证码的第二次验证
    public function apiVerif3(Request $request){
        $info = $request->all();
        // 判断服务器是否正常
        $gtserver = session()->get('gtserver');
        // 用户的id  一个随机数
        $user_id  = session()->get('user_id');
        $GtSdk = new GeetestLib(config('geetest.id'), config('geetest.key'));
        $data = array(
            "user_id" => $user_id, # 网站用户id
            "client_type" => "h5", #web:电脑上的浏览器；h5:手机上的浏览器，包括移动应用内完全内置的web_view；native：通过原生SDK植入APP应用的方式
            "ip_address" => $request->getClientIp(), # 请在此处传输用户请求验证时所携带的IP
        );
        if ( $gtserver == 1) {   // 服务器正常
            $result = $GtSdk->success_validate($info['geetest_challenge'], $info['geetest_validate'], $info['geetest_seccode'], $data);
            if ($result) {
                return true; // echo '{"status":"success"}';
            }
            return false;
        } else {  // 服务器宕机,走failback模式
            if ($GtSdk->fail_validate($info['geetest_challenge'],$info['geetest_validate'],$info['geetest_seccode'])) {
                return  true;
            }
            return false;
        }
    }

}

注册接口再次验证

use App\Http\Controllers\Api\RbacController;

//极验
        $geetest_challenge = Input::get('geetest_challenge','');
        $geetest_validate = Input::get('geetest_validate','');
        $geetest_seccode = Input::get('geetest_seccode','');
        if(!$geetest_challenge or !$geetest_validate or !$geetest_seccode){
            $error =config('geetest.client_fail_alert');
            return $this->error($error);
        }
        $RbacController = new RbacController();
        $human_iden = $RbacController->apiVerif3($request);
        if(!$human_iden){
            $error = config('geetest.server_fail_alert');
            return $this->error($error);
        }

 

 

其中引用类

<?php
namespace App;

/**
 * 极验行为式验证安全平台，php 网站主后台包含的库文件
 *
 * @author Tanxu
 */
class GeetestLib {
    const GT_SDK_VERSION = 'php_3.0.0';

    public static $connectTimeout = 1;
    public static $socketTimeout  = 1;

    private $response;

    public function __construct($captcha_id, $private_key) {
        $this->captcha_id  = $captcha_id;
        $this->private_key = $private_key;
        $this->domain = "http://api.geetest.com";
    }

    /**
     * 判断极验服务器是否down机
     *
     * @param array $data
     * @return int
     */
    public function pre_process($param, $new_captcha=1) {
        $data = array('gt'=>$this->captcha_id,
                     'new_captcha'=>$new_captcha
                );
        $data = array_merge($data,$param);
        $query = http_build_query($data);
        $url = $this->domain . "/register.php?" . $query;
        $challenge = $this->send_request($url);
        if (strlen($challenge) != 32) {
            $this->failback_process();
            return 0;
        }
        $this->success_process($challenge);
        return 1;
    }

    /**
     * @param $challenge
     */
    private function success_process($challenge) {
        $challenge      = md5($challenge . $this->private_key);
        $result         = array(
            'success'   => 1,
            'gt'        => $this->captcha_id,
            'challenge' => $challenge,
            'new_captcha'=>1
        );
        $this->response = $result;
    }

    /**
     *
     */
    private function failback_process() {
        $rnd1           = md5(rand(0, 100));
        $rnd2           = md5(rand(0, 100));
        $challenge      = $rnd1 . substr($rnd2, 0, 2);
        $result         = array(
            'success'   => 0,
            'gt'        => $this->captcha_id,
            'challenge' => $challenge,
            'new_captcha'=>1
        );
        $this->response = $result;
    }

    /**
     * @return mixed
     */
    public function get_response_str() {
        return json_encode($this->response);
    }

    /**
     * 返回数组方便扩展
     *
     * @return mixed
     */
    public function get_response() {
        return $this->response;
    }

    /**
     * 正常模式获取验证结果
     *
     * @param string $challenge
     * @param string $validate
     * @param string $seccode
     * @param array $param
     * @return int
     */
    public function success_validate($challenge, $validate, $seccode,$param, $json_format=1) {
        if (!$this->check_validate($challenge, $validate)) {
            return 0;
        }
        $query = array(
            "seccode" => $seccode,
            "timestamp"=>time(),
            "challenge"=>$challenge,
            "captchaid"=>$this->captcha_id,
            "json_format"=>$json_format,
            "sdk"     => self::GT_SDK_VERSION
        );
        $query = array_merge($query,$param);
        $url          = $this->domain . "/validate.php";
        $codevalidate = $this->post_request($url, $query);
        $obj = json_decode($codevalidate,true);
        if ($obj === false){
            return 0;
        }
        if ($obj['seccode'] == md5($seccode)) {
            return 1;
        } else {
            return 0;
        }
    }

    /**
     * 宕机模式获取验证结果
     *
     * @param $challenge
     * @param $validate
     * @param $seccode
     * @return int
     */
    public function fail_validate($challenge, $validate, $seccode) {
        if(md5($challenge) == $validate){
            return 1;
        }else{
            return 0;
        }
    }

    /**
     * @param $challenge
     * @param $validate
     * @return bool
     */
    private function check_validate($challenge, $validate) {
        if (strlen($validate) != 32) {
            return false;
        }
        if (md5($this->private_key . 'geetest' . $challenge) != $validate) {
            return false;
        }

        return true;
    }

    /**
     * GET 请求
     *
     * @param $url
     * @return mixed|string
     */
    private function send_request($url) {

        if (function_exists('curl_exec')) {
            $ch = curl_init();
            curl_setopt($ch, CURLOPT_URL, $url);
            curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, self::$connectTimeout);
            curl_setopt($ch, CURLOPT_TIMEOUT, self::$socketTimeout);
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            $data = curl_exec($ch);
            $curl_errno = curl_errno($ch);
            curl_close($ch);
            if ($curl_errno >0) {
                return 0;
            }else{
                return $data;
            }
        } else {
            $opts    = array(
                'http' => array(
                    'method'  => "GET",
                    'timeout' => self::$connectTimeout + self::$socketTimeout,
                )
            );
            $context = stream_context_create($opts);
            $data    = @file_get_contents($url, false, $context);
            if($data){ 
                return $data;
            }else{ 
                return 0;
            } 
        }
    }

    /**
     *
     * @param       $url
     * @param array $postdata
     * @return mixed|string
     */
    private function post_request($url, $postdata = '') {
        if (!$postdata) {
            return false;
        }

        $data = http_build_query($postdata);
        if (function_exists('curl_exec')) {
            $ch = curl_init();
            curl_setopt($ch, CURLOPT_URL, $url);
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, self::$connectTimeout);
            curl_setopt($ch, CURLOPT_TIMEOUT, self::$socketTimeout);

            //不可能执行到的代码
            if (!$postdata) {
                curl_setopt($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
            } else {
                curl_setopt($ch, CURLOPT_POST, 1);
                curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
            }
            $data = curl_exec($ch);

            if (curl_errno($ch)) {
                $err = sprintf("curl[%s] error[%s]", $url, curl_errno($ch) . ':' . curl_error($ch));
                $this->triggerError($err);
            }

            curl_close($ch);
        } else {
            if ($postdata) {
                $opts    = array(
                    'http' => array(
                        'method'  => 'POST',
                        'header'  => "Content-type: application/x-www-form-urlencoded\r\n" . "Content-Length: " . strlen($data) . "\r\n",
                        'content' => $data,
                        'timeout' => self::$connectTimeout + self::$socketTimeout
                    )
                );
                $context = stream_context_create($opts);
                $data    = file_get_contents($url, false, $context);
            }
        }

        return $data;
    }


    
    /**
     * @param $err
     */
    private function triggerError($err) {
        trigger_error($err);
    }
}

其中引用js

 

qq_43384197
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js图片拖动验证码完美版
12-19
可以直接运行，双击页面打开即可展示效果，此图片验证是用js实现的
图片拖动验证码土豪版
01-28
图片拖动验证码完整代码，放到tomcat下可以运行看效果，没有封装内容
图片拖动验证效果(源码)
Ghmin的博客
09-16 377
CSS Sprite，我们一般叫他雪碧图或精灵图，它是一种图像拼合技术。该方法是将小图标和背景图像合并到一张图片上，然后利用 css 的背景定位来显示需要显示的图片部分。我们通过设置 background-position 属性，来调整背景图的位置。
使用Java实现滑动验证码识别及自动登录的完整教程
最新发布
rrrrroottttttt的博客
05-02 1740
System.out.println("滑动轨迹: " + Arrays.toString(track));接下来，我们需要获取网页截图并裁剪出验证码图片，包括有缺口和无缺口的图片。// 获取并储存有无缺口的两张图片...// 获取并储存有无缺口的两张图片...// 获取并储存有无缺口的两张图片...// 获取并储存有无缺口的两张图片...// 模拟登录填写...// 模拟登录填写...// 模拟登录填写...// 获取缺口位置...// 模拟登录填写...// 获取缺口位置...// 获取移动轨迹...
拖动图标验证方法
weixin_44551950的博客
07-18 1381
以前我们学了生成字母数字图片验证码，下面我教大家一个拖动图标验证的方法，我们先来看一下代码，如下图。 Random()获取0到1的随机数 Math：执行普通的算数问题。 floor() 方法可对一个数进行下舍入。 我们先随机给与两张图片的高度，然后通过ID选择器获取到ID数据，然后获取到需要移动图片的随机数，再固定图片的随机数，最后调整随机位置。 然后就是鼠标拖动图片的计算了，因为相关解释我已...
拖动图片验证码验证.zip
04-27
PHP版，拖动图片验证；php js实现拖动滑块完成拼图验证码
java图形拖拽验证码 滑动式验证 直接导入到eclipse里直接使用
11-21
直接导入进eclipse中 放入tomcat服务器 输入http://127.0.0.1:8080/gt-java-sdk/login.jsp即可查看demo直接导入进eclipse中 放入tomcat服务器 输入http://127.0.0.1:8080/gt-java-sdk/login.jsp即可查看demo
易语言验证码拖拽滑动验证源码
06-03
在这个“易语言验证码拖拽滑动验证源码”中，开发者@大司命提供了一种实现验证码拖拽滑动验证的方法。这种验证机制常用于网络安全领域，以增加网站或应用的安全性，防止自动化程序的恶意操作。 验证码通常由随机...
使用puppeteer破解极验的滑动验证码
12-23
3. 点解验证按钮，通过滑动验证，最后成功登陆。 代码实现： github上可以checkout。 具体代码如下所示： run.js const puppeteer = require('puppeteer'); const devices = require('puppeteer/DeviceDescriptors'...
C#滑动验证码（类似腾讯滑动验证）
04-12
例如，可能有一个`VerificationCodes`表用来存储生成的验证码图像和正确位置，另一个`ValidationAttempts`表记录每次验证尝试的信息，包括用户ID、验证时间、结果等。数据库操作通常使用ADO.NET或其他ORM框架（如...
jkrUhumanjs利用拖动条替代图形验证码
08-10
为了解决这个问题，"jkrUhumanjs" 提出了一种新的验证码形式——利用拖动条替代图形验证码，这在提升用户体验的同时，也保持了足够的安全性。 "jk.rUhuman.js" 是一个JavaScript库，它设计了一个基于拖动条的验证...
滑动验证码解决方案 附:测试代码
04-14
滑动验证码解决方案 附:测试代码
java实现拖动图片验证码
勤劳的哑巴
05-15 3930
思路是，对原图产生两张图片，一张是底图，被抠掉一部分的图片，另外一张是移动图，被抠出的来部分 只写了后台怎么生成拖动验证码的两个图片，前端的还没写，待续。以下是后台的代码 [code="java"] /* * 根据源图片，剪切出两张图 * */ package com.chainway.dragimgvalidate; import java.awt.Rectangle;...
滑块拖动验证码智能识别验证码技术（持续更新）
易鑫
12-29 1万+
众所周知，验证码是用来防机器的。但是，随着神经网络的发展，近几年验证码难度持续上升，这玩意儿的存在存粹就是一种负担，特别是国内到处都是的【Ji验】。本文针对“J验”及其他类似验证方式。 项目地址https://github.com/yixinNB/FuckCaptcha 判断人机原理 1.拖动 2.拖的背后 轨迹分析 首先会记录你拖动的轨迹（官方承认），根据轨迹初步判断是否为机...
用户登录拖动验证码实现原理详解。
CodingNoob
07-18 6597
我们经常看到登录一些网站或者平台的时候会出现一些需要拖动验证码，实现验证功能，如斗鱼TV所示，于是就想了下这个要怎么实现，自己看了下他的html结构，是两个canvas，然后实现对接，原理应该是一个canvas作为背景然后，另一个canvas在原来的背景canvas里面扣一张图，然后拖动元素，当元素面积接近一个百分比的时候就认为两个元素重合了，验证通过了。大概就是这样的原理~！ 于是自己想了...
用ddddocr识别图形字符验证码
Amoor的博客
11-03 6530
函数很简单，这里主要分享流程 目标 这是一个网站 的注册页面 找接口 先在抓包工具或者浏览器检查界面找到验证码的位置 测试 测试下重放，发现数据可以正常发送，那就拷贝headers里面的一些参数和cookie到Postman做测试 逐步添加headers信息直到能拿到数据 组合带带弟弟编码 拷贝python-requests代码到编译器，修改下即可 为什么是带带弟弟，因为他就叫这个名字 get_time_stamp13函数用于生成13位时间戳，作为文件名，文件会保存到本地进行比较 ddddocr的用
登录滑动验证
热门推荐
疯狂的萝卜的博客
01-21 1万+
转载于武汉极意网络科技有限公司 http://www.geetest.com/  是全球安全交互平台 这上面有很多种数据验证方式 http://www.geetest.com/demo/slide-popup.html   .NET有现成下载 链接: https://pan.baidu.com/s/1DZ_W3Fi-en7VLiVyb4aQBw 提取码: ghwe     ...
图形验证码
weixin_43843679的博客
08-21 218
1、点击验证码，切换图 <div class="form_content_item form_content_item_dri"> <input type="text" placeholder="图形验证码" class="form_content_item_input" name="imageC...
极验geetest的使用
FellAsleep的博客
10-14 1326
1.新建/utils/gt3.js。2.mixins文件夹下。
如果登录是需要图形的滑动验证和邮箱的验证码验证 如何实现自动化
07-14
实现自动化处理图形滑动验证码和邮箱验证码的过程可能会更复杂，因为这些验证码通常是为了防止机器自动化操作而设计的。然而，你可以尝试以下方法来处理这些验证码： 1. 图形滑动验证码（滑块验证码）： - 使用Selenium库：Selenium是一个用于Web自动化的Python库，可以模拟人类用户在浏览器中的操作。你可以使用Selenium来模拟滑动验证码的操作，通过控制鼠标移动和点击来完成滑块的拖动。 - 使用第三方工具：有一些第三方工具，如Tesserocr和pytesseract，可以用于自动识别图像中的文字或数字。你可以使用这些工具来识别滑块上的文本或数字，并计算出需要滑动的距离，然后使用Selenium来自动完成滑块的拖动。 2. 邮箱验证码： - 使用SMTP库：如果你能够获取到邮箱验证码，你可以使用Python内置的smtplib库来发送邮件。将验证码作为邮件正文或主题发送给目标邮箱即可。 - 使用第三方工具：有一些第三方工具，如yagmail和sendgrid，提供了更简单的方法来发送邮件。你可以使用这些工具来发送包含验证码的邮件。 需要注意的是，对于滑块验证码和邮箱验证码，具体的实现方式取决于目标网站和邮箱提供商的具体实现方式，可能因网站设计的变化而有所不同。你需要根据实际情况进行适当的适配和调整。 总之，处理图形滑动验证码和邮箱验证码的自动化过程比较复杂，可能需要结合使用不同的工具和库来实现。根据具体的情况，你可以选择合适的方法进行尝试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值