webpack打包站点 | JS文件路径批量获取思路

admin 2024年5月25日00:24:11评论5 views字数 1845阅读6分9秒阅读模式

扫码领资料

获网安教程

webpack打包站点 | JS文件路径批量获取思路

webpack打包站点 | JS文件路径批量获取思路
本文由掌控安全学院 - 我是大白 投稿

webpack理解

首先理解一下什么是webpack,webpack是一项js应用程序打包的技术或者说是一种工具,它主要用于把应用程序当中的一些模块构建起依赖关系,然后打包成一个或多个文件,资料里面说bundle(捆),简单理解就文件吧。比如:index.html里面,会需要index.js,footer.js,banner.js,然后可以使用webpack将index.js,footer.js,banner.js打包成一个main.js,然后index.html再引用这个main.js就行。

webpack会导致什么?

网上说的最多的是webpack源码泄露,那么,为什么会导致源代码泄露?因为在使用webpack对应用程序进行打包的时候,会在js同目录下生成相应的js.map文件,.map文件可以理解为网站地图,通过.map文件可以还原源代码,如果在生产环境下,使用wabpack打包后没有及时清理.map文件,可能会导致源代码泄露,从而暴露敏感接口,或者在源代码中的秘钥信息等。
webpack打包站点 | JS文件路径批量获取思路
webpack打包站点 | JS文件路径批量获取思路
通过相关工具,可以将.map文件还原成源代码,然后进行源代码审计,发现漏洞。

如何识别webpack

1,使用wapplyzer浏览器插件进行识别
webpack打包站点 | JS文件路径批量获取思路
2,F12,查看网页代码接口,webpack://目录,或者JS文件中,含有.map文件路径
webpack打包站点 | JS文件路径批量获取思路
webpack打包站点 | JS文件路径批量获取思路

接口的爬取

webpack打包主要会导致接口和敏感信息的泄露,所以需要接口和敏感信息提取来快速挖洞
1, 可以直接使用工具快速进行API接口的提取,jjjjjjjjjs
2,可以使用FindSomething浏览器插件提取敏感信息和接口
3,手动分析源代码,编写脚本提取JS文件路径,然后使用脚本访问JS文件,进行接口提取。

接口如何提取

这里主要将手动如何提取JS文件路径
以https://xxx.edu.cn/#/login 为例: 我们看到JS目录下的文件名,带有某种规律:四位数.八位字符.js
webpack打包站点 | JS文件路径批量获取思路
另一种特征是chunk-vendors.八位字符.js
webpack打包站点 | JS文件路径批量获取思路
方法一
全局搜索已知的JS文件字符,看一看是在源代码的什么地方出现:ctrl+shift+f
webpack打包站点 | JS文件路径批量获取思路
可以看到在app.e587deb5.js这个文件中,规律是:1267: “5a799c6b”,前面这四位数字,加5a799c6b八位字符拼接而成。
那么这里可以看到还有一列的接口:

webpack打包站点 | JS文件路径批量获取思路

那么可以结合AI,写一个提取的正则表达式,然后运行python对代码进行微调就可以实现了:
webpack打包站点 | JS文件路径批量获取思路
webpack打包站点 | JS文件路径批量获取思路
方法二
下断点调试:
假如此时,我不清楚js文件的路径是如何组成的,不知道特征长啥样,全局搜索也搜索不到,这时候需要进行断点调试,将路径调试出来:
此时我们先找到比较明显的js拼接路径的特征代码,(一般是/static/js/+xxx),可以看到,/static/js/路径后面拼接了一个e变量,而这个变量是以形参传入的,因此如果去翻文件找的话是不太现实的
webpack打包站点 | JS文件路径批量获取思路
可以在路径拼接这一行代码中进行下断点,然后F5或者重新刷新网页:
webpack打包站点 | JS文件路径批量获取思路
此时如果程序进入了函数运行,那么就会在断点出停住:
webpack打包站点 | JS文件路径批量获取思路
点击右侧向下箭头,让程序往下运行一步:可以看到e = 9295
webpack打包站点 | JS文件路径批量获取思路
继续:在运行一步,路径就出来了:static/js/9295.9cxxx.js
webpack打包站点 | JS文件路径批量获取思路
webpack打包站点 | JS文件路径批量获取思路
然后再结合观察,就可以看出是对 3455: “00881e44” 进行拼接而成,接下来就是结合AI写提取代码。
下一步就是访问JS,然后提取JS接口,然后在对接口进行访问,测试未授权和信息泄露等漏洞了。

参考文章

● https://www.freebuf.com/articles/web/384529.html freebuf文章阅读
● https://blog.csdn.net/weixin_43571641/article/details/121689764 webpack源码泄露利用
● https://bbs.huaweicloud.com/blogs/368891 webpack概念理解
● https://github.com/ttstormxx/jjjjjjjjjjjjjs webpack api提取工具

申明:本公众号所分享内容仅用于网络安全技术讨论,切勿用于违法途径,

所有渗透都需获取授权,违者后果自行承担,与本号及作者无关,请谨记守法.

webpack打包站点 | JS文件路径批量获取思路

没看够~?欢迎关注!

分享本文到朋友圈,可以凭截图找老师领取

上千教程+工具+靶场账号

webpack打包站点 | JS文件路径批量获取思路

原文始发于微信公众号(掌控安全EDU):webpack打包站点 | JS文件路径批量获取思路

  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2024年5月25日00:24:11
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   webpack打包站点 | JS文件路径批量获取思路https://cn-sec.com/archives/2770050.html

发表评论

匿名网友 填写信息