我们有时候会发现好玩或者炫酷的微信小程序,这效果是怎么实现的呐?今天我来教大家反编译微信小程序看下效果怎么实现的。
准备
一. 微信电脑版
可以登陆最新的微信电脑版,可以打开小程序找到自己想探寻的小程序,然后随便点几下。
二. 打开微信电脑版文件夹
一般文件路径是这样的 C:Users侯萌iDocumentsWeChat FilesApplet
打开小程序文件夹 把后缀为 .wxapkg 的文件复制到D盘。
三.反编译开始
这时候战斗才开始!
1.建一个文件夹把所以反编译文件整理放进去,这些文件我已上传云盘里,可以直接用。
链接: https://pan.baidu.com/s/1bANDbvnjRzN7-YnQYdcCjg 提取码: tabi
2.安装nodejs运行环境,添加环境变量。
打开官网 https://nodejs.org/zh-cn/download/ ,一直next安装就可以。
环境变量可以搜一下,网上很多都有。
安装成功测试:打开cmd,在命令行输入node -v,如下:
结果:v12.6.3 就代表安装成功 npm是node自带的。
3.安装依赖
(1)首先,cmd要以管理员命令运行(按下window按键,搜索cmd就可以看到)
(2)在CMD界面 输入 cd 云盘下载下来的反编译文件夹内
例如,我的解压缩文件夹在桌面上,就输入 cd C:Users侯萌iDesktopwxappUnpacker
(3)开始安装依赖
npm install esprima
npm install css-tree
npm install cssbeautify
npm install vm2
npm install uglify-es
npm install js-beautify
要一步一步全安装完。
安装全部成功后,文件夹里会多出来一个node_modules文件夹,这个是放编译环境的。
3.CMD界面别关!,开始反编译。
node .wuWxapkg.js 放wxapkg位置
例如 输入 node .wuWxapkg.js D:__APP__.wxapkg
4.反编译后的文件夹在放wxapkg位置
四.打开微信开发者软件
导入反编译后的文件,可以直接查看并修改了,至此,反编译完成。