微信小程序反编译(解包)为微信小程序前端代码

之前看了很多博客，背景说了一大堆，真正可用的内容并不多。废话少说，直接上干货

前置条件：

1、安装夜游模拟器 （其他模拟器也行，但不保证体验度） 2、电脑上安装了 nodejs

1. 获取`.wxapkg`文件

1.1 打开夜游模拟器：安装微信 -> 设置 -> 开启root权限 -> 保存设置 -> 重启

打开夜游模拟器示意图

1.2 安装RE文件管理器

注意：请先开启root权限，再安装RE文件管理器，否则可能出现不可预期的错误。

安装RE文件管理器示意图

1.3 打开 RE文件管理器，进入以下目录，查看到下面有很多的 `wxapkg` 文件

打开 RE文件管理器示意图

1.4 这里我们好像也不太清楚那哪个是我我们需要的，因此，你可以清空之后重新打开想要的小程序。我这里使用的是 `礼物说` 小程序为例

这里我们好像也不太清楚那哪个是我我们需要的示意图

1.5 将文件拷贝到电脑桌面上，不要问怎么复制，这一步不做解释

将文件拷贝到电脑桌面上示意图

1.6 解包反编译

这里有很多版本的，大家可以自由选择，但是我并不推荐，应为解析出来之后并不是我们想要的文件，有兴趣的可以尝试。这里给大家介绍以下：https://github.com/leo9960/wechat-app-unpack/

如果大家不想这么麻烦，也可以查看以下解包项目：https://github.com/qwerty472123/wxappUnpacker

好了，废话不多说，直接获取，个人更喜欢在Linux下操作，因此在Linux下做示范，但无论如何，希望你能首先安装好node环境，这里不再多说怎么安装的，可以去我的另一篇博客中寻找答案：NodeJs、react及redux项目快速安装及常见问题和域名配置

npm install esprima -g
npm install css-tree -g
npm install cssbeautify -g
npm install vm2 -g
npm install uglify-es -g
npm install js-beautify -g
npm install escodegen -g
node wuWxapkg.js -d _1123949441_221.wxapkg

命令具体含义，请看作者释义：https://github.com/qwerty472123/wxappUnpacker

解包后的文件：

解包反编译示意图

接下来Go ahead。。。。微信开发者工具，导入即可。

特别提示：因为小程序域名绑定的问题，所以可能会出现的问题是样式有一些错乱，整理下就好。

本文早期发布于个人 CSDN 博客：查看原文