【超详细】手把手教会你小程序反编译教程（附工具下载）

最近遇到一个需求。我想把某个网站搭建成微信小程序。实现的源码已经知道了。但是，这个UI界面不太美观。恰巧又遇上了同一款代码别人产出的小程序。我觉得挺美观的。但是又找不到源码。直接问作者，这种极大概率会碰壁。因为我遇到过这种，即使付费可能都不愿意告诉你。

那么，没关系。我反编译一下小程序，获取到前端源码即可。反正后端基本上不会变。

下面是我的具体解决过程。

当我们点开一个微信小程序的时候，其实是微信已经将它的从服务器上下载到了手机，然后再来运行的。所以我们应该可以从手机本地找到到已经下载过的小程序文件。只要对下载后的小程序文件反编译就可以了。
微信小程序的格式就是:  .wxapkg

2021年3月22日 09:56:11 解决了反编译后丢失wsxx问题

解决办法：请 下载最新的 JS文件 wuWxss.js   https://wwa.lanzoux.com/ii1lin6qpid   (不会上传需要扣分下载的~就只能丢白嫖链接，如果有效 求评分！)
直接下载替换wuWxss.js  然后再次编译，可能会出现某些依赖模块没有安装，再次按照第三步中第3小点来安装下即可！

准备工作（新建一个英文命名的根目录文件夹）ps. 比如 d:\xcx

1. node.js运行环境对于不明白的可以按照步骤操作即可，大神略过~~
http://nodejs.cn/download/ 去这里下载并安装（这一步应该简单）

2.反编译工具
链接: https://pan.baidu.com/s/1G4hh71lQ_wfy4KtcAie3_Q 提取码: txfk
下载好保存先解压放好

3. 夜神模拟器 (也可以用其他的模拟器，需要带root)
https://www.yeshen.com/cn/download/fullPackage
下载安装好即可

4.RE文件管理器安卓版本
链接: https://pan.baidu.com/s/1S4izO7HhjdD0ZQ1JkBjPdA 提取码: 4i36
下载好先保存着

正式开始

第一步：获取微信小程序 xxxxxx.wxapkg 文件

1.安装夜神模拟器

安装完成后第一时间开启ROOT
一般是默认开启的，可以检查下，在顶部设置中查看下

确定好开启了ROOT权限后进行下一步
在模拟器中直接安装微信APP（模拟器首页就有搜索框进行搜索安装即可）
将刚刚下载好的RE文件管理器进行安装
方法是：点击模拟器右侧+APK的一个图标，选择刚刚下载好的APK文件，进行安装即可。

安装好后，应该在模拟器中能看到2个APP，一个是微信，一个是文件管理器（第一次打开要允许永久获取最高权限-点允许）

2.登录微信
登录一个微信账号（随便什么账号，只要能登录微信即可）

3.获取小程序源码目录
/data/data/com.tencent.mm/MicroMsg/
登录好微信后，打开RE文件管理器，依次找到上述路径
然后找到MicroMsg中含有 {一串16进制字符}的2个目录（不管有几个，都删除）

类似这样的全部删除（目的是清除目录，待会生成小程序后好直接辨认）

4.清除后，回到微信，打开你要反编译的微信小程序，随便点开几个页面能正常访问即可。

5.再次回到RE文件管理器

刚刚的目录/data/data/com.tencent.mm/MicroMsg/ 发现此时又多了一个含有 {一串16进制字符} 的目录。那么这个就是我们的小程序源码所在位置
点进去，appbrand/pkg/ 进入到这里面，就能看到2个wxapkg文件，一大一小。2个文件全部复制到电脑桌面（这一步~~可以直接通过长按这两个文件，复制到data目录，然后发送到你的微信好友，再让微信好友转发给你，也可以直接使用模拟器的文件共享系统：将刚刚2个文件复制到 /sdcard/pictures里面 ，然后到电脑的共享目录中去）

第二步：安装nodejs环境及反编译插件

1.安装好刚刚下载的nodejs
2.将反编译插件wxappUnpacker-master 放到某个盘符的根目录指定文件夹中（例如：F:\fbyxcx）

3.WIN+R 弹出运行窗口 输入 CMD 弹出命令行黑框，输入 node -v 如果不能显示nodejs的版本号（例如 v14.16.1）这样的，就说明你的nodejs安装没有完成或者没有安装好，请重新安装环境

4.进入反编译插件所在的目录 （例如：F:\fbyxcx），直接在刚刚的黑屏中输入 cd /d F:\fbyxcx (这里的F:\fbyxcx 是我存放反编译插件的目录，要改为你自己的 )

5.进入后应该会显示这样

光标的前方就是所在目录

6.依次执行以下命名安装依赖文件
npm install esprima
npm install css-tree
npm install cssbeautify
npm install vm2
npm install uglify-es
npm install js-beautify

以上安装好后就剩下最后一步 直接编译了

第三步：反编译小程序
1.将我们导出的小程序源码文件（类似这样的 _1430610977_5.wxapkg），复制一份到反编译插件的目录（wxappUnpacker-master目录）中，

2.在刚刚的黑屏命令行（要用CD命令进入反编译的目录）中输入命令：node wuWxapkg.js _1430610977_5.wxapkg （这里的_1430610977_5是我的小程序名称，要改为你自己的）

3.如果成功就会在wxappUnpacker-master目录中出现一个跟小程序源码目录同名的文件夹，那么那个就是小程序源码了。
ps. 如果出现   Cannot find module 'xxx'  表示模块未安装, 运行命令 npm install 'xxx'（不需要引号） , 安装依赖 这其中的XXX就是提示的模块名称

至此！小程序反编译完成。

我是通过这个方法，完美地获取了微信小程序源码。