微信 - 微信小程序反编译 - 《前端技术文档》

一、前言
二、简单聊一下xxxxx.wxapkg
三、反编译环境搭建
四、开始反编译
五、写在最后

一、前言

既然你进来看这篇文章，我认为“微信小程序反编译”这个技术你多少应该会了解点。在学习微信小程序前端开发的过程中，我跟大部分人一样，试着仿写过一些线上的小程序案例，但在实际练手中，别人的小程序对你来说完全是黑盒的，看到人家上线的小程序的效果，纯靠推测，部分效果在绞尽脑汁后能做出大致的实现，但是有些细节，费劲全力都没能做出来。这个时候就有强烈的愿望想获取别人的源码看看“庐山真面目”。后来在网上知道小程序前端是可以反编译的，开始用qwerty472123大神的wxappUnpacker去还原小程序前端，但是遇到不少的问题，只能还原一些比较基础的小程序，复杂点的就还原不了。后来几经周折得到一套修改和完善的脚本，截止2020年3月17日可以还原市面上大部分的小程序。下面介绍下整个还原小程序的过程。

二、简单聊一下xxxxx.wxapkg

先来想想一个很简单的问题，小程序的源文件存放在哪？

当然是在微信的服务器上。

但是在微信服务器上，普通用户想要获取到，肯定是十分困难的，有没有别的办法呢？

简单思考一下我们使用小程序的场景就会明白，当我们点开一个微信小程序的时候，其实是微信已经将它的从服务器上下载到了手机，然后再来运行的。
所以，虽然我们没能力从服务器上获取到，但是我们应该可以从手机本地找到到已经下载过的小程序源文件

那么如何才能在手机里找到小程序的源文件包呢？

这里只以安卓手机为例，毕竟苹果手机问题有点多
具体目录位置直接给出：/data/data/com.tencent.mm/MicroMsg/{一串16进制字符}/appbrand/pkg/
在这个目录下，会发现一些 xxxxxxx.wxapkg 类型的文件，这些就是微信小程序的包微信小程序的格式就是:.wxapkg
.wxapkg是一个二进制文件，有其自己的一套结构。
关于.wxapkg的详细内容可以参考lrdcq大神的博文：微信小程序源码阅读笔记
但是这里有个坑，想要进入到上面这个目录的话，用手机自带的文件管理器肯定是不行的，安卓或者iPhone都要要用到第三方的文件管理器，比如：RE文件管理器，并且安卓需要取得root权限，而苹果手机肯定是要越狱的，且iphone的越狱难度>>安卓获取root，不管越狱还是root，这都太费劲，当然有能力的同学可以直接从手机上来操作，但是这里不推荐从真机上获取。