10分钟教你学会如何反编译微信小程序前端
反编译环境
操作系统:window10操作系统
微信开发者工具:Stable v1.02.1910120
模拟器:安卓夜神模拟器
NodeJs:v10.8.0
反编译脚本:wxappUnpacker
准备工作
1、在电脑安装好安卓夜神模拟器,使用过其他模拟器也可,如网易MuMu。
2、安装nodejs环境,自行百度安装
3、打开模拟器,安装好微信和RE文件管理器
获取小程序包
1、使用自己手机上的微信打开要反编译的小程序,可以添加到”我的小程序”里面。
2.打开模拟器的微信并登录
3.在模拟器微信的下拉小程序最近使用历史中打开要反编译的小程序,如果历史记录中没有就在我的小程序中找一找
4.打开小程序等待加载之后就可以去找源码包了
5.打开RE文件管理器,按照datadatacom.tencent.mmMicroMsg依次打开目录,找到文件名格式是一串16进制的字符串(每个人生成的不一样),然后继续进入appbrandpkg。到此你已经成功一半了,哈哈。按照你打开小程序的时间就能很快找到你需要的wxapkg文件,将wxapkg文件拷贝到电脑即可。
小程序包路径:/data/data/com.tencent.mm/MicroMsg/4c8188dbf07eec893d0ac90974657aeb(每个人微信不一样)/appbrand/pkg
反编译wxapkg文件
1.进入反编译工具对的根目录,如果没有安装过npm包就先执行安装,如果提示安装依赖包,按照提示安装相关依赖包。
npm install esprima
npm install css-tree
npm install cssbeautify
npm install vm2
npm install uglify-es
npm install js-beautify
2.运行解包命令:node wuWxapkg.js
如需要反编译的文件_163200311_32.wxapkg已经解压到了C盘根目录下,那么就输出命令:node .wuWxapkg.js C:_163200311_32.wxapkg
可以看到命令行输出如下提示:
3.如果想单独执行config、js、wxml、wxss的反编译可以在解包时加-o参数不做后续操作
【反编译脚本使用介绍】
node wuConfig.js
node wuJs.js
node wuWxml.js [-m]
node wuWxss.js
node wuWxapkg.js [-o] [-d] [-s=
微信开发者工具运行小程序
打开微信开发者工具,导入项目即可,注意小程序的项目设置中:
1、注意勾选不校验合法域名
2、勾掉e6转es5(这个小程序貌似并没有使用es6语法)
运行效果如下图:
结束语
至此微信小程序的反编译过程就结束了,仅供学习之用,不可它用。不懂也可以转发小程序给我,付费帮你反编译。