接第三方图片滑动验证极验

2019独角兽企业重金招聘Python工程师标准>>>

去极验的官网看一下官方文档 <a>https://docs.geetest.com/install/apirefer/api/web</a>

步骤

    第一步:在你的项目中引入gt.js在官方    <a>http://static.geetest.com/static/tools/gt.js</a>第二步:就是使用这个这个文件 得提前声明一下才可以用 decare let initGeetest:any;我是基于angular2的,如果不是可以用window.initGeetest调用这个方法第三步:调用接口成功之后返回我想要的数据之后再调用这个方法let _this = this;let t1 = setInterval(function(){if(_this.timeNum > 1){_this.timeNum --;_this.getCodeByText = "重新获取(" +  _this.timeNum +'s)'} else {clearInterval(t1)_this.timeNum = 60_this.getCodeByText = "重新获取"_this.disabledGetCode = false;}},1000)initGeetest({gt: res.data.gt,challenge: res.data.challenge,offline: !res.data.success,     // 表示用户后台检测极验服务器是否宕机new_captcha: res.data.new_captcha,  // 用于宕机时表示是新验证码的宕机product: 'bind',      // 设置下一步验证的展现形式 这个就是模态框显示出来}, function (captchaObj) {//onReady方法captchaObj.onReady(function () {_this.indexImg++;captchaObj.verify();setTimeout(function () {console.log('是否出现了弹窗+开始设置样式 第二次');}, 500)});// onSuccess方法captchaObj.onSuccess(function () {console.log('回调函数onSuccess');_this.gtResult = captchaObj.getValidate();_this.paramLogin.geetest_challenge = _this.gtResult.geetest_challenge_this.paramLogin.geetest_validate = _this.gtResult.geetest_validate_this.paramLogin.geetest_seccode = _this.gtResult.geetest_seccodeconsole.log('回调函数onSuccess中的 ===result验证结果 ===');if (!_this.gtResult) {this.tipShow('请完成验证');return;}});// onErrorcaptchaObj.onError(function () {// 出错啦，可以提醒用户稍后进行重试console.log('出错啦，onError方法');});// onClose方法captchaObj.onClose(function () {console.log('请完成验证')// _this.inviteBtnDisabled = false;});})

转载于:https://my.oschina.net/pingheyongfeng/blog/1793948

接第三方图片滑动验证极验相关推荐

Vue实现图片滑动验证
Vue实现图片滑动验证使用vue完成使用vue完成实习一个星期小白对工作安排的图片滑动验证分享 1.安装依赖附上:https://www.npmjs.com/package/vue-monop ...
vue实现图片滑动验证功能——功能实现
图片滑动验证,是目前比较常见的验证方式,主要目的是防止用户利用机器人自动注册.登录.灌水. 目前vue技术日趋成熟,已经有专门针对图片滑动验证功能的插件了.具体使用方式如下: 1.安装插件--npm ...
Java滑动验证_java图片滑动验证（登录验证）原理与实现方法详解
本文实例讲述了java图片滑动验证(登录验证)原理与实现方法.分享给大家供大家参考,具体如下: 这是我简单做出的效果图,处理300X150px的校验图,并把图片发到前端,用时50毫秒左右,速度还是非常 ...
基于Java实现图片滑动验证(包含前端代码)
前言 1.下面是一个效果展示: 2.先抱怨一下,在博客上面的抄袭真的非常严重,为了实现一个图片滑动验证,我搜索了挺久的资料,不过内容翻来覆去就是同样的内容,千篇一律,作者还各不相同:内容相同我就不多说 ...
php 图片滑动验证貳
tp6方式: 注意:验证后销毁保存的图片(背景图和滑动图) <?php declare (strict_types = 1);namespace app\index\controller;use ...
安卓图片滑动验证模块
最近想把工作这两年的东西好好写一写,一直觉得自己好像没做什么东西一样,写一写也能给自己一点自信,当然更像是一次总结. 安卓滑动验证模块是去年一个需求做的,当时也只是从网上找了一个不错的博客 cv 大法 ...
人机交互验证——极验的介绍和使用
极验 1. 人机交互验证介绍什么是人机交互验证: 极验是一款人机交互页面效果系统,用户的行为没有满足要求,不给与下一步执行的机会,大致效果如下,用户如果没有把目标滑到指定区域就禁止下一步操作. 之前 ...
艺赛旗RPA验证码处理系列（三）：破解极验滑动验证码
目前艺赛旗RPA已经更新到8.0版本,可以让所有用户免费下载试用http://www.i-search.com.cn/index.html?from=line1 (复制链接下载) 一,介绍一些网站会 ...
极验接入教程纯html,在AspNetCore中使用极验做行为认证的验证流程
极验验证极验验证是一种在计算机领域用于区分自然人和机器人的,通过简单集成的方式,为开发者提供安全.便捷的云端验证服务. 与以往传统验证码不同的是,极验通过分析用户完成拼图过程中的行为特征,通过数据分 ...
前端滑动验证+拼图滑动验证效果
相信大家都玩过B站,B站在登陆的时候有个拼图滑动验证,今天就整合一下前端实现的滑动验证拖动滑动验证(无背景图片) <!DOCTYPE html> <html> <hea ...

接第三方图片滑动验证极验

去极验的官网看一下官方文档 <a>https://docs.geetest.com/install/apirefer/api/web</a>

步骤

接第三方图片滑动验证极验相关推荐

最新文章

热门文章