反编微信小程序源码（破解wxss样式无法恢复的问题）

 

背景：从17年开始为获取微信小程序源码，网上一直有大神写程序来反编微信小程序的源码，不过现在来看基本都不能用了，有的能用也不能获取样式wxss文件，经过我的不懈努力，找到一些办法，接下来我会一步步讲。

工具：夜神模拟器、node环境、反编工具

1、开启夜神、下载微信、RE文件管理器

2、打开RE文件管理器，设置里面开启root权限

3、登录微信、打开你要反编的微信小程序，开启即可，如果是带分包的小程序最好都点点，把分包也加载回来（备注：这一步会很卡，我也是登录了好几次才登录上微信、小程序更是开了五次才打开，期间不断重启，恶心人。）

4、使用RE浏览器找到小程序.wxapkg文件  具体路径在 /data/data/com.tencent.mm/MicroMsg/一串32位的16进制字符串文件夹/appbrand/pkg/

5、压缩成zip文件，通过微信发给朋友，至此电脑下包工作结束（注意：一定要等发送成功再下机啊）

6、反编译脚本链接：https://pan.baidu.com/s/1fnMRnn2Jcq2RPv2waOmeNA      提取码：bgyz（网友提供，现在git上很多都没有了）

7、进入脚本 cmd 执行 cnpm i 拉取模块

8、执行命令 node.exe .\.\wuWxapkg.js 小程序.wxapkg程序，会获取一个文件夹

此时，报错：  Unexpected end of input（查资料说是因为微信更新导致的，很久了，网上的工具都是这样）

重点来了：此时得到的文件，只是没有css样式，其他都在，不过我们不能止步于此

获取css样式：

1、找到源码中 page-frame.html 文件，将其拖拽到浏览器中，并打开F12调试

2、vscode中搜索 __wxAppCode__

3、在调试工具中执行：

__wxAppCode__["pages/index/index.wxss"]("",{deviceWidth:375},document.body)

此时页面上就会输出以 375 iPhone6尺寸的css样式，因为用小程序用的rpx是根据设备宽度转换的。

4、把样式粘回指定的文件里，即可（注意：第三步的路径就是粘回去的文件路径、文件要自己创建， app.wxss只能从里面自己复制出了）

自此完整获取了微信小程序源码