一、安装安卓模拟器，取到小程序包(wxapkg)
1、 网上很多人都用的夜神，我也试了一下，官网下载的夜神打不开微信小程序，但能下载到wxapkg包。也有人推荐雷电模拟器，无所谓了，能有wxapkg就行
2、进入模拟器桌面的文件管理，/data/data/com.tencent.mm/MicroMsg/{User}/appbrand/pkg，选中需要的wxapkg文件包，回到/mnt/shared/other/目录下，点击右上角里的粘贴，再点击安卓模拟器右侧工具竖栏里的第二个电脑形状图标，即可在电脑上打开该文件夹
二、安装node，安装步骤在此省略，安装完成，配置好环境变量，安装以下依赖
npm install esprima
npm install css-tree
npm install cssbeautify
npm install vm2
npm install uglify-es
npm install js-beautify
如果安装完后反编译时还提示缺少某项，用npm link xxxxx即可
三、下载反编译工具
https://github.com/qwerty472123/wxappUnpacker
github上的wxappUnpacker-master是一位大神贡献的，在此膜拜大神
下载解压后进入目录
在管理员模式下的命令行运行node wuWxapkg.js D:work\a.wxapkg
我在实际操作中发现只是这样操作无法成功反编译出wxss文件，网上有人说是微信小程序升级造成的
反编译时提示$gwx is not defined
四、解决wxss缺失问题
网上有一篇该问题的分析贴https://aimuz.me/wei-xin-xiao-cheng-xu-fan-bian-yi-wxss-diu-shi-wen-ti.html只可惜没有出一个批量处理工具
好了，继续
修改wxappUnpacker中wuWxss.js部分代码，具体如下：
function runVM(name,code){
let wxAppCode={},handle={cssFile:name};
let gg = new GwxCfg();
let tsandbox = {$gwx:GwxCfg.prototype["$gwx"],__mainPageFrameReady__:GwxCfg.prototype["$gwx"],__wxAppCode__:wxAppCode,setCssToHead:cssRebuild.bind(handle)}
let vm = new VM({sandbox:tsandbox});
vm.run(code);
for(let name in wxAppCode)if(name.endsWith(".wxss")){
handle.cssFile=path.resolve(frameName,"..",name);
wxAppCode[name]();
}
/*
let wxAppCode={},handle={cssFile:name};
let vm=new VM({sandbox:Object.assign(new GwxCfg(),{__wxAppCode__:wxAppCode,setCssToHead:cssRebuild.bind(handle)})});
vm.run(code);
for(let name in wxAppCode)if(name.endsWith(".wxss")){
handle.cssFile=path.resolve(frameName,"..",name);
wxAppCode[name]();
}*/
}
再次反编译小程序,OK，wxss出来了
如果这篇文章解决了你的问题，欢迎打赏
网友评论