Js逆向教程-15滑块流程 极验

最新推荐文章于 2024-07-02 08:07:15 发布
最新推荐文章于 2024-07-02 08:07:15 发布
阅读量1.8k 收藏 3
点赞数 1
分类专栏： js逆向 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/biggbang/article/details/128061692
版权

作者：虚坏叔叔
博客：https://xuhss.com

早餐店不会开到晚上，想吃的人早就来了！😄

Js逆向教程-15滑块流程 极验

在这里插入图片描述

一、滑块是什么？

区分是否是机器人。根据滑动轨迹区分是否是人操作的。

滑块肯定有滑动条

访问极验网站

https://www.geetest.com/demo/

滑块就是让你产生一个滑动的轨迹。从而判断你不是机器人。

二、看代码分析流程

主要分析和服务器交互的流程。

2.1抓包

2.1.1抓整个页面包

切换到无痕模式，打开浏览器，切换到开发者模式F12，打开这个网站：

https://www.geetest.com/demo/slide-float.html

可以看到，抓到了这么多包：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sHmBkGht-1669517915849)()]

click-float.html

请求页面

jquery.js

jquery.js的库

gt.js

极验的网址js

register-click?t=1669468731786

注册滑动条的请求。

返回如下数据

challenge: "ffc57c53b989bed8d4c8c82a6c91bdc5"
gt: "6216680937717fdab947ed9e71a3aaa1"
new_captcha: true
success: 1

gettype.php?gt=6216680937717fdab947ed9e71a3aaa1&callback=geetest_1669468736576

获取类型。Get请求，传递gt和callback：

gt: 6216680937717fdab947ed9e71a3aaa1
callback: geetest_1669468736576

拿js代码，这其中，就包括下面请求的fullpage.9.1.0.js滑块js代码

在这里插入图片描述

fullpage.9.1.0.js

请求到的滑块的js代码

get.php?gt=

Get请求，传递gt和challenge：

gt: 6216680937717fdab947ed9e71a3aaa1
challenge: ffc57c53b989bed8d4c8c82a6c91bdc5
lang: zh-cn
pt: 0
client_type: web
w（加密了）:f0HVBwkfn97PhhKiVEp6FNZPqU5)bMpN5JGSg2yoTPdjAmajveEIy4Vn25xywvajJFCkMzftbSGx5s
callback: geetest_1669468732692

返回如下数据

在这里插入图片描述

返回了验证的提示语 看起来不是很重要。除了c这个数组可能比较重要

sprite2x.1.1.5.png

滑块的图片

2.1.2抓滑块包

ajax.php?gt=6216680937717fdab947ed9e71a3aaa1&challenge=

传递下面数据：

gt: 6216680937717fdab947ed9e71a3aaa1
challenge: 1352a9b060f5416e4fce04456c41cf20
lang: zh-cn
pt: 0
client_type: web
w: qpQ8YI90jS)Uia6GY33dIIES0fDVyiHd9FQZw9tXiLbZmNjrMHQ5VBd5oJLzi1W(vrADm4z
callback: geetest_1669471683493

获取的数据：

data: {result: "click"}
result: "click"
status: "success"

get.php?is_next=true

传递下面数据

is_next: true
type: click
gt: 6216680937717fdab947ed9e71a3aaa1
challenge: 1352a9b060f5416e4fce04456c41cf20
lang: zh-cn
https: true
protocol: https://
offline: false
product: float
api_server: apiv6.geetest.com
isPC: true
autoReset: true
width: 100%
callback: geetest_1669471689746

获得如下数据：

在这里插入图片描述

注意这里返回了3图片数据,这里的数据都是乱码的。

  1. 原图乱码
  2. 遮罩图乱码
  3. 滚动条小图

在这里插入图片描述

2.1.3拖动成功抓包

ajax.php?gt=

请求数据
gt: 019924a82c70bb123aae90d483087f94
challenge: eeb750045c93cfa70baccbdba3a8dce3aa
lang: zh-cn
$_BCw: 0
client_type: web
w（环境校验、轨迹）: 0oWm8yh9ZzJCU
callback: geetest_1669472577308

返回数据

message:"success"
score:"3"
success:1
validate:"466f55adcf14596f1516b6ac2e271386"

目前需要解决的问题：

  • 这里的w值是加密的，如何破解加密。
  • 滑动的轨迹如何生成，如何识别到缺口的位置。
  • 乱码的图片如何还原回来

三、Js代码调试

3.1图片的乱码如何还原

右键审查元素 发现是canvas ，一个div容器下面有2个canvas，一个背景 一个滑动条。

在这里插入图片描述

3.1.1什么是 Canvas？

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

画布是一个矩形区域，您可以控制其每一像素。

就是位图操作，可以理解为一个画图工具。

可以任意对每个像素点进行任意操作

之前讲解有一种断点类型叫做 事件监听断点，里面可以对canvas进行监听

Canvas
Create canvas context 创建事件
WebGL Error Fired
WebGL Warning Fired

都选创建事件断点后，再刷页面

在这里插入图片描述

断在这个地方：

在这里插入图片描述

这里的代码用了流程平坦化打乱了

3.1.2流程平坦化

for里面有个switch一般：流程平坦化

function XX(x){
	return x+2;
}
var a= 1;
a=XX(a);
a=a-1;

流程平坦化:不改变代码原执行流程，但是改变了源代码书写流程。

function XX(x){
	return x+2;
}
(function (){
	var listA = [0,1]
    var a= 1;
	for (i=0; i<listA.size(); i++)
	{
        switch(listA[i]){
        case 0:
            a=XX(a);
        case 1:
            a=a-1;
        }
    }
})();
3.1.4还原乱码图片

在这里我们可以通过数组去破解这个流程 但是这里的数组非常大：

在这里插入图片描述

所以最好是通过断点调试。

这个函数是用来还原的，

单步调试到这里可以看到再画图：

在这里插入图片描述

这行语句又创建了一个东西

在这里插入图片描述

说明第一个case里面已经渲染完成了。

通过在这里代码可以猜测，这个图片有52个部分。

在这里插入图片描述

这段代码就会针对于每一块做渲染 但是顺序打乱了。

可以分析出 它是分为上下2个部分绘制出来的。

在这里插入图片描述

// 特征码
var c = Ut[_] % 26 * 12 + 1
// 对应关系 还原的顺序
JSON.stringify(Ut)
[39,38,48,49,41,40,46,47,35,34,50,51,33,32,28,29,27,26,36,37,31,30,44,45,43,42,12,13,23,22,14,15,21,20,8,9,25,24,6,7,3,2,0,1,11,10,4,5,19,18,16,17]

在这里插入图片描述

跟踪代码发现每一个小部分只去了10个宽度

在这里插入图片描述

总结

最后的最后
由本人水平所限，难免有错误以及不足之处， 屏幕前的靓仔靓女们 如有发现，恳请指出！

最后，谢谢你看到这里，谢谢你认真对待我的努力，希望这篇博客对你有所帮助！

你轻轻地点了个赞，那将在我的心里世界增添一颗明亮而耀眼的星！

💬 往期优质文章分享

🚀 优质教程分享 🚀

  • 🎄如果感觉文章看完了不过瘾，可以来我的其他 专栏 看一下哦~
  • 🎄比如以下几个专栏：Python实战微信订餐小程序、Python量化交易实战、C++ QT实战类项目 和 算法学习专栏
  • 🎄可以学习更多的关于C++/Python的相关内容哦！直接点击下面颜色字体就可以跳转啦！
学习路线指引（点击解锁）知识定位人群定位
🧡 Python实战微信订餐小程序 🧡进阶级本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战 💛入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统
❤️ C++ QT结合FFmpeg实战开发视频播放器❤️难度偏高分享学习QT成品的视频播放器源码，需要有扎实的C++知识！
💚 游戏爱好者九万人社区💚互助/吹水九万人游戏爱好者社区，聊天互助，白嫖奖品
💙 Python零基础到入门 💙Python初学者针对没有经过系统学习的小伙伴，核心目的就是让我们能够快速学习Python的知识以达到入门

🚀 资料白嫖，温馨提示 🚀

关注下面卡片即刻获取更多编程知识，包括各种语言学习资料，上千套PPT模板和各种游戏源码素材等等资料。更多内容可自行查看哦！

请添加图片描述

虚坏叔叔
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js逆向案例四-滑块验证码
十一姐的博客
08-27 5780
目录前、案例一二三四、验证码的逆向（⭐⭐⭐）1、案例11_滑块验证码2、案例插曲_滑块验证码识别两种方法（1）滑块缺口颜色为单一颜色时用rgb判断（2）滑块缺口颜色非单一值用模板匹配 前、案例一二三 js逆向案例一 js逆向案例二 四、验证码的逆向（⭐⭐⭐） 1、案例11_滑块验证码 （1）案例网址：点击网址 （2）案例反爬点：验证码缺口的识别，以及识别偏移量的js加密，cookie反爬 （3）案例分析：cookie只需要首次请求时把set-cookie拿到即可，slidevalue是滑块缺口加密
极验缺口轨迹生成-进阶.zip
10-25
【标题】"极验缺口轨迹生成-进阶.zip"是一个关于极验验证技术的进阶教程，主要涉及图像处理、算法分析以及JavaScript逆向工程的相关知识。极验是一家提供智能验证服务的公司，其验证机制通常包括图像识别、行为特征...
JS逆向某手滑块
w62181310的博客
07-19 5963
js逆向某手滑块学习，新版本滑块学习
JS逆向技巧总结
最新发布
dafan0的博客
07-02 2299
总的来说，JavaScript 逆向可以分为三大部分：寻找入口、调试分析和模拟执行。下面分别进行介绍。
极验-滑块验证
Goyu1994的博客
08-02 564
主要分为两大步 一、前端部署 （1）引入jQuerry.js和gt.js文件（gt.js文件就是极验必须的文件）如下 /* initGeetest 1.0.0 * 用于加载id对应的验证码库，并支持宕机模式 * 暴露 initGeetest 进行验证码的初始化 * 一般不需要用户进行修改 */ (function (global, factory) { ...
极验滑块四代w值逆向
zhuangjoo的博客
04-28 2137
极验四代w值的逆向与三代相比难易程度差不多，容易的地方就是只需逆向一次w就可以了，其传入的参数没有了滑动轨迹，免去了轨迹生成。难的地方就是好几个参数用了rsa加密，没法验证逆向正确与否。
【JavaScript 逆向】极验三代滑块验证码逆向分析
Yy_Rose的博客
11-30 8100
极验滑块验证码底图还原及 w 参数逆向
7天JS逆向实战讲解教程-视频教程网盘链接提取码下载 .txt
03-03
js逆向是让爬虫萌新们比较头疼的一块领域，因为市面上大部分的爬虫书籍等教程都未涉及这方面知识，需要爬取用js加密的网站时常常无从下手，只能使用selenium等自动化框架来模拟人工点击。但这种方式往往效率低下。 ...
Python-Python3爬虫实战JS加解密逆向教程
08-10
本教程"Python-Python3爬虫实战JS加解密逆向教程"聚焦于如何处理JavaScript加密和混淆的数据，以便在爬虫过程中获取有效信息。这通常涉及到对前端JavaScript代码的理解、逆向工程以及加解密算法的应用。下面，我们将...
APP逆向3.滑块教程.avi
08-03
APP破解
金盾2016-2017逆向分析系列教程
07-23
教程名称：金盾2016-2017逆向分析系列教程  资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
纯JS实现滑块验证
09-21
纯JS实现滑块验证；打开页面即可使用；查看源码可复制到自己项目中。自带样式，可自修改。
PowerDesigner逆向工程-Mysql,并解决没有注释的问题!
10-24
接下来，通过“Database -> Reverse Engineer”菜单启动逆向工程流程，选择相应的数据源，然后按照向导步骤完成操作。 然而，逆向工程往往不能直接获取到数据库表的注释，这在理解数据库结构时会造成困扰。为了解决...
javascript逆向 猿人学 js混淆 回溯 逆向学习
03-12
JavaScript逆向是指通过分析和理解经过混淆的JavaScript代码，以及对代码执行过程的回溯和逆向学习，来揭示代码的真实意图和功能。猿人学JS混淆是一种常见的JavaScript混淆技术，通过对代码进行重构、变量名替换、...
WT-JS逆向调试工具
04-01
总的来说，WT-JS逆向调试工具为JavaScript开发者提供了强大的调试功能，无论是常规的断点调试还是独特的逆向调试，都能极大地提升开发效率，帮助解决复杂的代码问题。熟练掌握此类工具的使用，对提升JavaScript开发...
滴水逆向培训基础教程1-5章（内部资料）
03-16
滴水逆向培训基础教程1-5章（内部资料）滴水逆向培训基础教程1-5章（内部资料）滴水逆向培训基础教程1-5章（内部资料）滴水逆向培训基础教程1-5章（内部资料）滴水逆向培训基础教程1-5章（内部资料）滴水逆向培训...
极验滑块学习
逆向
03-19 446
滑块分析（记录笔记） 流程分析 1.获取gt和challenge https://www.geetest.com/demo/gt/register-fullpage-official?t=1647671972238 2.环境校验（w: aes + rsa）（js） https://api.geetest.com/get.php?gt=fe23d6148baf995e34decea58c12b5e4&challenge=5cdea843584bfc277f2157584a5b8ff9&lang
JS逆向极验有感滑块
w62181310的博客
07-13 1万+
极验滑块学习，js逆向学习，滑块处理，轨迹处理
极验滑块js逆向
热门推荐
weixin_58584029的博客
03-19 12万+
登陆抓包后发现上传了几个参数，gt是别的包请求回来的，不做分析，w是要分析的加密参数。稍微正经的点公司，一般都是另外请求服务器，得到几个加密方法用的的几个值，多次刷新后发现几个值是变化的，返回的内容如下，八成是加密参数用到的。 然后一步步跟栈，找到加密位置 ，w是h + u所得到的结果，l是h用到的一个参数，那打上断点进入到第一个加密逻辑里面。 进入后发现没有vm虚拟机跳转，整体加密过程可能是在一个自执行方法里进行的。 进入后发现这个t值位空，并没有传值进去，往下看发现他是new了一个方法，...
美团滑块验证 js逆向
09-03
根据提供的引用内容，美团滑块验证的js逆向过程如下所示： 1. 首先，需要获取主页接口的参数，包括csrf、uuid、token_id和continues等。这些参数可以在第一个链接返回的源码中找到。 2. 接下来，使用这些参数进行登入接口的请求，其中包括两个加密参数password和h5Fingerprint。 3. 然后，通过验证码获取的接口来获取验证码相关的参数，如verifyMethodVersion、slider、yodaVersion、timestamp、sign、ses和requestCode等。 4. 在获取到这些参数后，可以进行验证接口的请求。该请求需要使用到加密参数behavior和_token，以及动态参数v_c和3eac9809，同时还需要在请求头中添加Authencation。 总结起来，美团滑块验证的逆向过程可分为以下步骤： 1. 获取主页参数 2. 逆向pwd和h5Fingerprint 3. 请求page_data链接 4. 逆向Authencation、behavior和_token 5. 发起最终的验证请求 需要注意的是，以上仅是根据提供的引用内容进行的分析，具体的逆向过程可能还需要进一步的研究和分析。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [【2023-03-10】JS逆向之美团滑块](https://blog.csdn.net/qq_26079939/article/details/129442967)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [美团滑块(1-18，js逆向)](https://blog.csdn.net/weixin_44772112/article/details/128721509)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虚坏叔叔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值