跳到主要内容

小程序如何反编译

环境安装​

微信开发者工具​

下载地址：稳定版 Stable Build | 微信开放文档 (qq.com)

只支持 windows 和 mac

nodejs​

下载 | Node.js (nodejs.org)

模拟器​

这里推荐用雷电模拟器，真机也行，只要能登录微信都可以

解包工具​

xuedingmiaojun/wxappUnpacker: 小程序反编译(支持分包) (github.com)

选择一个文件夹，通过如下命令安装

git clone https://github.com/xuedingmiaojun/wxappUnpacker

cd wxappUnpacker

npm install

操作步骤​

首先打开模拟器，安装下微信（获取小程序的包）和 RE 文件管理器或自带文件管理器（找到小程序的包并导出）

登录微信，然后进入要反编译的小程序，打开 RE 文件管理器，找到路径/data/data/com.tencent.mm/MicroMsg/{{哈希值}}/appbrand/pkg/xxxxx.wxapkg 对应程序包。

如：/data/data/com.tencent.mm/MicroMsg/a5e1a6f4438d7cad5182e77248180f50/appbrand/pkg/xxxxx.wxapkg，具体哈希值需要根据生成文件时间来判断

image-20210831222820533

如果是模拟器的话，可以使用 QQ 或者是模拟器自带的文件共享器，将文件导入至电脑，真机的话直接连接电脑传输文件即可。

警告

注：本人测试中 Root 过的机型是无法登录微信，要么一直转圈圈要么滑块加载不出来，也许是模拟器的问题或是之前已经安装过一些插件导致的。如果登录不上可选择关闭 Root 登录微信后，在打开 Root。

接着打开解包工具文件夹，打开控制台窗口 输入 node wuWxapkg.js <wxapkg路径>，运行结果如下图

image-20210830034643420

会在 wxapkg 文件下生成与之对应的文件夹，接着打开微信开发者工具，选择导入项目，选择对应文件夹，选择测试号

image-20210830034848958

导入即可运行，接着就可以开始分析小程序的参数和页面样式了。

image-20210831222521295

一键导包工具​

xuedingmiaojun/mp-unpack: 基于 electron-vue 开发的跨平台微信小程序自助解包(反编译)客户端 (github.com)

有个基于 electron-vue 开发的一键导包工具，具体的话可以查看对应源码，需要的可自行编译，不过也已经提供各平台对应的应用程序。

image-20210831222006013

不过是因为 electron 写的，且不支持选择路径，所以 C 盘会瞬间多个 150M 左右，安装包大约 40M，除此外的话使用体验还是非常好的。（至少可以不用输入命令）

一些问题​

Q：电脑也能运行小程序，那能不能从电脑上导包呢​

A：能，电脑导包的路径为C:\Users\{{电脑用户名}}\Documents\WeChat Files\Applet\{{小程序AppID}}\{{随机产生的数字}}\__APP__.wxapkg，然后按照如上步骤，就可反编译小程序，不过电脑导包可能会出现magic number is not correct 的错误 （本人测试是这样的），毕竟小程序主要运行在手机上，所以还是推荐手机导包。

Q：反编译后的小程序能重新打包后在发布吗​

A: 理论上是可以的，但不能保证反编译后的小程序就一定能重编译成功，毕竟有一些插件等等，编译都不能编译，就别谈打包了。并且反编译后的代码都是经过压缩的，阅读性略差，不过如果是 uniapp 编写的话，除了 js 文件外，其余基本原封不动（前提没做混淆的情况下），所以要仿一个页面的话，完全可以新建一个 Vue 文件，然后将其 html 与 css 添加至对应模板处，然后 js 就只能扣去部分代码，至于接口的话都是别人的，所以一般分析下页面样式和参数就差不多了。

我写这篇的时候目的就是为了查看别人小程序的样式而已。

最后​

小程序反编译比我想象中的简单，相对于安卓与 windows 程序反编译的话（当然也可能是我逆向玩多了），并且几乎能无缝运行，不过小程序也算是用前端技术写的了，网页 F12 打开控制台就可看到源码，小程序的话，em。。。

由于我是接触过 Uniapp 开发的，并且我自己所编译的小程序也是 Uniapp 开发的，所以一些相关的样式就自然熟悉不过了，将其几个页面转化为 Vue 代码也算比较轻松了