【爬虫JS逆向-工具篇】浏览器内存漫游加密参数Hook实战教程

news2024/11/22 18:44:51

文章目录

1. 写在前面
2. 环境搭建
2. 加密定位实战

【作者主页】：吴秋霖
【作者介绍】：Python领域优质创作者、阿里云博客专家、华为云享专家。长期致力于Python与爬虫领域研究与开发工作！
【作者推荐】：对JS逆向感兴趣的朋友可以关注《爬虫JS逆向实战》，对分布式爬虫平台感兴趣的朋友可以关注《分布式爬虫平台搭建与开发实战》
还有未来会持续更新的验证码突防、APP逆向、Python领域等一系列文章

1. 写在前面

相信很多爬虫工程师在进行Web端JS逆向的时候，面对加密参数无从下手，不知道如何进行定位与分析。本期作者将介绍一款针对Web端逆向Hook定位加密的辅助工具给大家！内存漫游确实听起来有些虚高大上、实则就是检索浏览器内存数据…

以下是该工具功能与原理的部分描述：

- 访问目标网站时设置浏览器走自定义的代理服务器，这个代理服务器要支持能够使用代码处理请求，这里选择是anyproxy
- 在代理服务器这里，对请求做处理，对于JavaScript响应和HTML响应里的JS代码，使用AST实时处理，注入Hook逻辑
- Hook逻辑就是所有涉及到变量的地方都经过我们的Hook方法，所以实现页面上所有的变量值都可以捕获到，可以把这个理解为内存中变量级别的抓包监控
- 抓到的变量会被保存到一个变量数据库中，然后当你访问页面请求时带上加密参数的请求之后，从Chrome开发者工具的网络中把那个加密参数复制出来，切换到控制台调用本工具提供的api在变量数据库中搜索一下，可以搜索到存储该字符串的变量及变量所在的代码位置，点击代码位置可以自动切换到源面板并自动定位到变量位置
- 变量级抓包监控，根据加密参数秒秒钟定位到加密逻辑的代码位置（追加密逻辑代码位置的通杀方案）

然后打断点往前找加密逻辑抠出来就可以，如果有多个加密参数或者加密参数为多个地方拼接生成，无脑重复此步骤即可！！

按照上述项目的描述，对Web端进行JS逆向中，在我们有时候无法快速精准的定位到加密参数入口时，确实可以用以辅助

2. 环境搭建

首先，第一步我们需要下载项目到本地，安装依赖：

npm install -g anyproxy
npm install shelljs

在这里插入图片描述

缺什么根据提示安装即可，如果在这里出现npm异常，可以尝试：

npm cache clean --force
npm config set strict-ssl false
npm config set registry https://npm.aliyun.com/

接下来，需要启动两个本地服务，我们分别来看一下代码实现，proxy-server.js代码如下所示：

const AnyProxy = require("anyproxy");

const options = { 
    port: 10086,
    rule: require("./rules"),
    webInterface: {
        enable: true,
        webPort: 8002
    },  
    throttle: 10000,
    forceProxyHttps: true,
    wsIntercept: false, // 不开启websocket代理
    silent: false
};
const proxyServer = new AnyProxy.ProxyServer(options);

proxyServer.on("ready", () => { /* */ }); 
proxyServer.on("error", (e) => { /* */ }); 
proxyServer.start();

首先导入一个代理服务的包Anyproxy，这个包的话在之前已经安装好了。端口设置的是10086，这个我们是可以自行修改的，然后引用了一个rules文件，这个文件内引用的就是核心的Hook逻辑。另外Web端口是8002，可以直接访问类似mit抓包界面

另一个需要启动的api-server.js服务代码如下所示：

const express = require("express");
const bodyParser = require("body-parser");
const {injectHook} = require("../components/global-assign-hook-component/core/inject-hook");

const app = express();

app.use(bodyParser.raw({
    verify: function (req, res, buf, encoding) {
        if (buf && buf.length) {
            req.rawBody = buf.toString("UTF-8");
        }   
    }, type: function () {
        return true
    }   
}));
// 将传过来的js代码注入hook
app.post("/hook-js-code", function (request, response) {
    const jsCode = decodeURIComponent(request.body.toString());
    let newJsCode = jsCode;
    try {
        newJsCode = injectHook(jsCode);
    } catch (e) {
        console.error(e);
    }   
    response.setHeader("Content-Type", "text/plain; charset=utf-8");
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setHeader("Access-Control-Allow-Methods", "*");
    response.send(encodeURIComponent(newJsCode));
    response.end();
})

// 以后如果能够和页面上双向通信，上报各种数据到这里，就能够实现功能更强的分析之类的

const server = app.listen(10010, function () {
    console.log("启动成功");
})