今日网站

aHR0cHM6Ly93ZWIuemtoMzYwLmNvbS9saXN0L2MtMjYwMTg2Lmh0bWw/c2hvd1R5cGU9cGljJmNscD0x

这个网站是在某交流群看到的，随手保存下来作为今天的素材

抓包分析与加密定位

先看看抓包的结果，可以看到请求的header中包含两个未知的参数，分别是zkhs和zkhst进一步检索参数zkhst和zkhs，可以发现这两个参数的值没有做过混淆

并且都有对应的搜索结果

可以在文件中找到下面这几个关键位置

加密分析

在逻辑里比较明显的是

e.headers.zkhs = o,e.headers.zkhst = r

这行代码预示我们要分析的是o和r这两个变量

这两个变量的赋值分别可以在上面的 js 逻辑中找到

o = u()("body=".concat(i, "&params=").concat(o, "&sign_token=").concat(r), r)
r = Object(s.f)("zkhst")

接下来只要单点调试即可，先来看o的生成

o的逻辑是将所有的参数拼接，传入u()中计算

这里的参数是一个逗号表达式，最后得到的传入参数是r

r = ("body=".concat(i, "&params=").concat(o, "&sign_token=").concat(r)

这里较为明显的未知参数是body以及sign_token

可以通过断点分析得到下面的结果，这个结果就是计算后的r

body={"brandId":"","catalogueId":"260186","cityCode":350100,"clp":true,"extraFilter":{"inStock":false,"showIndustryFeatured":false},"from":0,"fz":false,"keyword":"","productFilter":{"brandIds":[""],"properties":{}},"rangeFilter":null,"searchType":{"notNeedCorrect":false},"size":20,"sort":0}&params={"traceId":"213681131613962067063"}&sign_token=799c9842f09c490196047064e10dead8

网站的开发很贴心了，还在逻辑里加了console.log

body和parmas都是查询参数，body中包含了城市信息之类的内容，这个需要根据要爬取的内容修改

除此之外还有sign_token未知，这个就是另一个要分析的参数zkhst

zkhst 获取

经过调试得到下面这个结果，在定位的js中有一个switch控制流

在918行，会进行一次判断，如果r = Object(s.f)("zkhst")没有获取到值，会进入到Object(l.i)();这个逻辑。如果有值会break进入926行的逻辑。

所以需要先把Object(s.f)("zkhst")的值变为undefinde，进入s.f中，可以看到下面这段逻辑

 h = function(t) {
        t = document.cookie.match(new RegExp("(^| )".concat(t, "=([^;]*)(;|$)")));
        return null != t ? decodeURIComponent(t[2]) : null
    }

可以得到zkhst是从cookie中得出的，直接清除cookie中的zkhst就能进入生成的逻辑

所以清除浏览器缓存/cookie

顺利进入(l.i)()，可以看到下面这串逻辑

并且在network中也的到印证这个zkhst是由页面请求返回得到的。

至此两个加密参数均已得到，就可以获取页面的数据了。

好了，今天的文章就到这里了，我们下次再会~