@[toc]

## 1、WASM 是什么？
**WebAssembly** (WASM) 是一种运行在浏览器中的“类二进制代码”，它可以使用如 C/C++/Rust 编写，编译为 `.wasm` 文件，被 JS 调用执行。其主要优势：

- 运行速度快（接近原生）
- 加密逻辑隐蔽（不容易直接查看源码）
- 可与 JavaScript 双向交互

## 2、WASM + JS 混合逆向整体思路图
```
[网页源码] 
   │
   └──> [JS逻辑调度层]
           │
           ├── import .wasm 文件
           ├── 调用 wasm 导出函数
           └── 处理参数/结果（加密/解密）
                      │
                      ↓
              [.wasm 文件]（真正加密/校验逻辑）
```
我们分析的目标：**搞懂 JS 调用了哪些 wasm 函数、传了什么参数、返回了什么值，是否涉及加密、签名或校验逻辑。**

## 3、常见混合场景举例
|场景	|描述|
|:-----:|:-----:|
|滑动验证码验证	|wasm 处理行为轨迹 hash 签名|
|参数加密处理	|JS + wasm 混合加密最终请求参数|
|游戏逻辑校验	|wasm 实现核心计算（如坐标验证）|
|防爬参数计算	|加密算法藏在 wasm，JS 仅为中转|

## 4、实战分析流程
**从初始页面到还原算法**，我们以一个真实例子为线索展开（如极验、某电商参数加密）：

### 步骤 1：识别 WASM 文件
方法：
- 打开 Chrome DevTools → Network 面板 → 过滤 .wasm
- 或 Sources → WASM 区看到模块名（如 main.wasm）
- 搜索 JS 关键字：
```
WebAssembly.instantiateStreaming()
WebAssembly.instantiate()
WebAssembly.compile()
```
有时候 wasm 会 base64 编码后再 decode 导入，也要留心。

### 步骤 2：找 JS 调用 wasm 的代码
这步是关键中的关键！

- 搜索 `.exports.`，如：
```
instance.exports.encrypt(a, b);
```

- 或是通过中转函数：
```
let wasmFunc = Module.cwrap("encrypt", "string", ["string"]);
let result = wasmFunc("abc123");
```
这时我们要**Hook这些调用点**，打印 wasm 函数名、参数与返回值。

### 步骤 3：在浏览器中 Hook wasm 调用（调试级别）
**方法 1（常规断点）**：
```
// 设置断点在 JS 中的中转调用点
instance.exports.encrypt()
```
**方法 2（高级）用 Chrome 的 DevTools → WebAssembly 面板**：

- 查看所有导出函数
- 添加 breakpoint 调试
- 甚至可以单步进入 wasm 指令层（类似汇编）

**方法 3（控制台打印）**：
```
let oldFunc = instance.exports.encrypt;  // 保存原始的 WebAssembly 导出函数 encrypt，防止被覆盖后无法调用原始逻辑
instance.exports.encrypt = function(a, b) {  // 用自定义函数覆盖 encrypt，实现 hook 操作
    console.log("[WASM Call] a =", a, "b =", b);  // 打印输入参数，用于观察调用时传入的值
    let ret = oldFunc(a, b);  // 调用原始 encrypt 函数，获取加密结果
    console.log("result =", ret);  // 打印加密结果，用于调试返回值
    return ret;  // 返回原始函数的结果，保持原有功能不变
}
```
**作用**：拦截 WASM 的 encrypt 函数调用，在调用前后打印参数与结果，方便调试或逆向分析。

### 步骤 4：反编译 `.wasm` 文件
对于核心算法的还原，需要反编译 `.wasm` 二进制文件。

**方式一：使用 wasm2wat 转为人类可读的 WAT 格式**

安装 [wabt 工具](https://github.com/WebAssembly/wabt)：
```
wasm2wat main.wasm -o main.wat
```
转为 `.wat` 后，可以看到类似汇编风格的中间代码：
```
(func $encrypt (param $p0 i32) (result i32)
  ...
  i32.const 32
  call $malloc
  ...
  return
)
```
- 可以看到函数名 `$encrypt`、变量、常量、调用关系

**方式二：用 Ghidra 分析 .wasm（图形化反汇编）**

- 安装 Ghidra
- 导入 .wasm 文件
- 自动识别函数结构
- 可重命名函数并跟踪调用链
- 还能 patch 重编译

### 步骤 5：动态还原算法流程
- 通过 JS 确认入口函数和参数含义
- 在浏览器中下断点，观察加密前的原始参数
- 通过反编译观察关键计算逻辑
- 将 WASM 算法还原为 JS/py 代码（脱离浏览器使用）

## 5、最终目标：还原加密算法 / 重写 wasm 逻辑
例如一个混合加密的场景（简化）：
```
let wasm = await WebAssembly.instantiate(...);  // 异步实例化一个 WebAssembly 模块，返回 { module, instance } 对象
let base = "abc123";  // 定义一个输入字符串，可能是要加密或参与加密的原始数据
let sig = wasm.instance.exports.encrypt(base.length, getPointer(base));  
// 调用 WASM 中导出的 encrypt 函数：传入两个参数：
// - base.length 是字符串的长度（即 6），通常传给加密函数让其知道要处理多少字节
// - getPointer(base) 是一个辅助函数，用于将 JS 字符串写入 WASM 内存，并返回它在 WASM 内存中的偏移地址（指针）
// 返回值 sig 是 encrypt 的执行结果，通常是加密后的值（可能是数字、指针、或者通过内存读取后的数据）
```
我们最终目标就是：
- 在 Python 或 Node.js 中模拟 encrypt() 的逻辑
- 不再依赖 wasm 文件或 JS 页面

getPointer(base) 通常是这样定义的，用于将 JS 的字符串数据写入 WebAssembly 的内存：
```
function getPointer(str) {
    const encoder = new TextEncoder();  // 创建一个 UTF-8 编码器
    const bytes = encoder.encode(str);  // 将字符串编码成 Uint8Array（二进制字节）
 
    const ptr = wasm.instance.exports.malloc(bytes.length);  // 调用 WASM 导出的 malloc 函数申请内存空间
    const mem = new Uint8Array(wasm.instance.exports.memory.buffer, ptr, bytes.length);  
    // 从 WASM 的 memory 中获取内存视图，范围是 [ptr, ptr+length)
    mem.set(bytes);  // 将字符串字节写入 WASM 内存
    return ptr;  // 返回在 WASM 内存中的起始地址（用于作为 encrypt 参数）
}
```

## 小技巧与实战建议
- 常见 WASM 导出函数名：_encrypt, _decode, _crc, _check_sig, verify, hashX
- 函数名有时会被混淆，但参数顺序/数量往往可推断含义
- JS 与 WASM 通信通常通过 Linear Memory，需分析 getUint8Array / getStringFromPointer 类函数
- 可以用 Frida 等工具实现 Hook 并动态替换返回值绕过 wasm 加密




WebAssembly (WASM) 是一种运行在浏览器中的“类二进制代码”，它可以使用如 C/C++/Rust 编写，编译为 .wasm 文件，被 JS 调用执行。其主要优势：

[1351]WASM + JS 混合逆向流程

编程语言

WebAssembly(WASM)是一种高性能浏览器二进制格式，可与JavaScript交互实现加密、验证等核心逻辑。文章详细解析WASM+JS混合逆向分析流程，包括识别.wasm文件、Hook调用点、反编译算法等关键技术，帮助开发者理解加密验证机制并实现算法还原。

AI驱动 智领未来

captcha

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

[1351]WASM + JS 混合逆向流程-腾讯云开发者社区-腾讯云

[1351]WASM + JS 混合逆向流程

[1351]WASM + JS 混合逆向流程

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐