**

获取微信小程序源码

**
暑假白天上班,晚上抽点时间学习下微信小程序的知识。自己写了一些小程序,总是感觉写的界面不简洁,不美观,看到一些官方的小程序,再看看自己的,哎,自己真的是很菜,所以萌生了去获取小程序源码的想法。
切入正题,网上有很多文章都介绍了如何获取源码。总结下就是两种方法,一个是用真机获取,不过需要获取手机的root权限,再反编译获取的小程序的wxapkg包,感觉这个方法有点难,我自己就用的就是第二种:运用模拟器,在电脑上运行微信小程序,从而获取小程序的wxapkg包,再用大佬写的代码进行反编译就行了。

首先,下载模拟器,这里我用的是​​夜神​

获取微信小程序源码_压缩文件


下载好模拟器后,安装上RE管理器(获取wxapkg文件)、微信(运行小程序)、QQ(主要是发送压缩文件)。

在这里还是踩了一些坑,比如在模拟器里面下载的微信,是不能登录的,我百度了一些,应该是高版本的微信防止用户在模拟器上面登录,所以登不进去。在这里的解决办法就是按照低版本的微信(下面我给出了低版本的安装包)。还有,在安装node.js运行环境的时候,尽量选择安装在默认的目录,不要修改安装路径,我改了路径,就没有安装运行成功过,呜呜!

安装方法:下载安装包(apk类型的文件),再将其拖到模拟器桌面,它就会自动安装

微信、RE模拟器、反编译脚本下载:​​下载地址​​​ node.js运行环境 ​​下载​​准备工作下载好后,就可以开始获取小程序源码了。在运行小程序的时候,移动端都会从微信下载小程序的源码,也就是后缀为wxapkg的一个文件,我们首先就是要获取它。这个很简单,直接打开模拟器,运行微信,运行想要源码的小程序。最后退出微信即可。

在模拟器桌面打开RE管理器,这个时候它会请求权限,给它,始终。然后依次寻找路径:

/data/data/com.tencent.mm/MicroMsg/appbrand/pkg/

当我们看到一个后缀为wxapkg的文件,再对比下运行时间,我们就可以大概知道哪个是小程序源码了。

在这里我也踩了一个坑,那就是按照上面的路径,我始终没有找到我们需要的文件,好在,RE管理器有搜索文件的功能,我们直接搜索 pkg 就可以了 。哈哈,我找这个文件找了好久啊。

获取微信小程序源码_微信小程序_02


获取微信小程序源码_微信_03


找到文件文件后,长按鼠标左键,会出现一个对话框(很多选项),我们选择压缩文件,然后点击查看该文件,找到该压缩文件,再长按,选择发送,选择发送给电脑,这时,我们就获得了小程序的wxapkg包。

获取微信小程序源码_微信_04


获取微信小程序源码_微信小程序_05

反编译:

刚刚我们获得的仅仅只是小程序的wxapkg类型的文件,这时我们是不方便直接查看的,还需要进行反编译。这里好在有大佬写好了代码,我们只需要运用其就行了。

第一步:安装node.js运行环境,在上面给出了下载地址,这里再强调一下,就是一定要安装在默认目录下
第二步:npm install
这里不要直接选择node.exe,不要再这里npm install。 要在cmd里面安装:
步骤:
1.win+r
2. 输入cmd
3.切换到保存反编译文件的文件夹(切换到那个目录)
比如我的反编译文件放在 d:\desktop\hf\wxappUnpacker-master) 就要切换的那个目录下 不熟悉的可以百度一下 怎么切换路径
4.再npm install ,依次安装如下依赖:

1、npm install esprima


2、npm install css-tree

3、npm install cssbeautify

4、npm install vm2

5、npm install uglify-es

6、npm install js-beautify

7、npm install escodegen -g

安装成功后,输入(就是在cmd进行npm install 后,再输入):
node wuWxapkg.js [-d] //files 就是你想要反编译的文件名 例如:我有一个需要反编译的文件 _163200311_32.wxapkg 已经解压到了C盘根目录下,那么就输出命令 node wuWxapkg.js C:_163200311_32.wxapkg

回车运行,反编译脚本就能一步将.wxapkg 文件还原为微信开发者工具能够运行的源文件,目录地址和你反编译的文件地址是一样的。

这样就获得了小程序的源码,不过有些不可以运行,缺少app.json文件等问题,自己修改下文件名就行。

更多

获取更多资料、代码,微信公众号:海轰Pro
回复 海轰 即可