【JS逆向百例】某点数据逆向分析，多方法详解

前言

最近收到粉丝的私信，其在逆向某个站点时遇到了些问题，在查阅资料未果后，来询问K哥，K哥一向会尽力满足粉丝的需求。网上大多数分析该站点的教程已经不再适用，本文K哥将提供 3 种解决方案，对于 webpack 不太熟练的小伙伴来说，这是一个很好的练手案例：

逆向目标

目标：某点数据，排行榜
地址：aHR0cHM6Ly9hcHAuZGlhbmRpYW4uY29tL3JhbmsvaW9zLw==

逆向过程

抓包分析

打开开发者人员工具，随便打开一个区域排行榜，在 Network 中即会抓包到相应的排行榜数据接口，即

/pc/app/v1/rank ，响应内容如下：

请求参数如下，其中主要参数为 K 参数，需要通过算法生成，其他参数 time，country_id 等，是时间戳以及一些固定的 id 值，k 值每次都会发生变化，需要进行分析研究：

本文将会用多种方法实现数据的采集，适合不同的技术群体。

协议采集

逆向分析

该接口是通过 XHR 进行请求的，我们直接下一个 XHR 断点 api.diandian.com/pc/app/v1/rank，刷新排行榜，成功断了下来：

并没有发现任何 k 值，所以我们找网络拦截器，通过堆栈找到 m.request 的地方，在此处下一个断点，断下来以后，查看 m 变量，里面存储了很多回调方法：

通过查看 m 方法，我们在 onRequest 方法上下一个断点，同时在方法末尾也下断点，同时将上图的断点进行方向，再次查看排行榜，发现在 onRequest 上成功断了下来。同时我们发现，在调用 t 函数之前并没有 k 参数的生成：

我们继续执行，在方法结束末尾断点断了下来，发现右侧已经有 k 参数的生成。所以，由此判断，k 参数是通过 t 函数生成的：

我们进入 t 函数，在函数的开头和结尾分别下一个断点，发现通过 M 函数以后，生成了 k 值：

继续跟进 M 函数，我们查看 k 值是如何生成的：

通过分析得到 k 值的生成逻辑为：

var r = h()(t.params, !1)
    , o = Object(y.a)(r, path, {
    s: n.s,
    k: n.k,
    l: n.l,
    d: n.d,
    sort: n.sort,
    num: n.num
}, "get");
t.params.k = o

所以他是通过 y.a 传入 r、path 以及大数组生成的，我们可以通过将 y.a 函数扣出来实现 k 参数的生成。

第一种思路我们可以看看 y 函数是如何被定义，可以看到它是 webpack 打包，调用 2294 模块来实现的：

第二种思路，我们进入 y.a 函数，进行算法的还原，其生成逻辑如下：

发现是通过 Object(l.b) 函数加密成字节集，然后通过 t.from 方法编码成 base64 进行展示，所以我们只需将这两部分进行算法还原即可复现 k 参数的生成，当然本文将会用不同的方法进行分析。

手动 webpack + 补环境

在 y=n(2294) 下断点，刷新排行榜，在该行成功断下来：

进入分发器 n 中，将 runtime.js 全部拿下，放到我们本地：

拿到本地以后，将分发器导出，window.kk=r。

控制台通过 n.m[模块名] 将所需的模块进行查找：

拿到对应模块后，将 js 里的模块复制放到我们刚刚扣的分发器中：

通过模块，调用加密函数，查看报错信息：

a = window.kk(2294)
r = {
    "start_time": 1717776000,
    "end_time": 1718345618
}
n = {
    "proxy": "/app",
    "target": "",
    "sort": "dd",
    "num": 10,
    "s": "d044bec62c1c9f9eee1ebd567e501719",
    "k": "93086c0e7c41cf46",
    "l": "091043cf5d1393af",
    "d": 0
}
path = "/v2/user/monitor/msg"
o = Object(a.a)(r, path, {
    s: n.s,
    k: n.k,
    l: n.l,
    d: n.d,
    sort: n.sort,
    num: n.num
}, "get");
console.log(o)

这种错误就是提示缺少对应模块，我们只需根据调用堆栈向上查看，补上缺失的模块即可：

然后在控制台用 n.m[模块名] 进行模块查找，然后重复上述操作将找到的模块放入分发器即可，它这个站模块分布在几百个 js 中，也算是一种代码混淆了：

最后板凳坐穿，全部模块找完大概 6w 多行代码吧，结果如下：

自动扣 webpack 模块

网上自动扣 webpack 的方法很多，但是对于几百个 js 文件的模块来说，可能就不太适用，上部分手动通过 n.m[模块名] 进行模块查找的方法是最通用的，但是对于多个 js 文件模块就略显繁琐。所以我们可以通过重写分发器的方法，将加载的模块自动保存然后导出。

首先方法同上，先找到分发器的位置，在 r.e 及它之前下个断点：

刷新页面，发现在 r.e 的地方成功断住，我们将以下 js 代码在控制台进行注入：

window.code = '';
r = function (e) {
    if (r[e])
        return r[e].exports;
    var d = r[e] = {
        i: e,
        l: !1,
        exports: {}
    };
    console.log(e)

    window.code += e + ':' + o[e] + ',\r\n'
    return o[e].call(d.exports, d, d.exports, r),
        d.l = !0,
        d.exports
}

然后回车刷新浏览器，进行一遍查看排行榜的操作，发现控制台就会自动打印加载的模块：

控制台输入 copy(window.code) 将模块导出，然后同上述方法一样放到分发器中即可，再挂上代理，将常规的 document、navigator 补一下即可调用。最后结果如下：

算法还原

分析完 webpack 与补环境以后，我们最后来讲讲如何用算法生成。上文提到，我们进入 y.a 函数后，发现他主要是通过 Object(l.b) 和 t.from 这两个函数生成的，进入 Object(l.b) 发现是一个 AES 方法：

其中又发现了这个 t.from 方法，这个方法其实就是一个 utf8 编码，复现如下：

t=[]
t.from=function (hexString, encoding) {
    if (encoding !== "utf8") {
        throw new Error("Unsupported encoding");
    }

    // 将每个字符转换为对应的 UTF-8 编码的数值
    let byteArray = new Uint8Array(hexString.split('').map(char => char.charCodeAt(0)));

    return byteArray;
}

剩余的加密方法，我们引库复现即可：

const crypto = require('crypto');
var c = crypto.createDecipheriv("aes-128-cbc", n, o);
return d += c.update(e, "hex", "utf8"),
    d += c.final("utf8")

同时将 c 与 _ 这俩个函数也补一下（补函数的话，遵循和原函数一致即可，如果读不懂原函数，可能就会卡在某一部分）：

function c(a) {
    return function(t) {
        return t;
    };
}
var n = c()(t);  

function _(n) {
    return typeof n === 'object' && n !== null;
}

最后全部函数实现完毕以后，结果如下：