微信小程序反编译解析前端源码简单教程

2024-07-16 05:43| 来源: 网络整理| 查看: 265

根据吾爱大神教程一步一步成功解析出源码，分享一下这个过程

准备工作：

1.微信电脑版（主要是要有电脑端打开小程序的版本，因为直接从电脑上拿小程序代码）

2.node.js环境（反编译解析环境）

3.小程序程序包解密工具（这个主要是用来解密拿到的小程序包的）

4.反编译脚本

注：我使用的是win系统，因为解密工具包是EXE程序

1.首先安装好电脑的node.js编程环境

2.登录电脑版微信，然后搜索找到你想要的小程序进去访问，尽可能的多点点各种页面，确保所有页面代码加载下来

然后找到微信下载文件存储目录，这个可以从微信设置里面文件管理设置打开这个文件夹的

然后找到这个路径的文件夹：

D:\Users\Documents\WeChat Files\gusixinning\Applet\wx5aad888b8c6dd000

其中wx5aad888b8c6dd000就是你要找的小程序对应的appid

3.解密这个文件夹中的小程序代码出来，打开解密工具，“选择加密小程序包”找到上面的文件夹点进去，找到一个名称为

点击选中后解密工具会码上解析，在解密工具当前目录的wxpack文件夹中生成对应的解密后的小程序代码包

4.将wxpack中的这个文件复制到反编译脚本目录wxappUnpacker-master里面

用cmd工具进入到这个wxappUnpacker-master，依次安装下面的依赖包

npm install esprima npm install css-tree npm install cssbeautify npm install vm2 npm install uglify-es npm install js-beautify npm install escodegen npm install cheerio

相对与参考的教程，这里我安装时候有两个模块缺失报错，所以后两个包是新增的，到这里所有的依赖都安装好了，可以开始反编译了

5.还在用命令行在wxappUnpacker-master目录运行反编译命令

node wuWxapkg.js wx5aad888b8c6dd000.wxapkg

出现file done表示编译完成了，最后我小程序代码会在wxappUnpacker-master文件夹下以appid生成一个新的文件夹存放，里面就是本次最最最终的小程序代码了，其中部分字符可能会被替代，不过不影响代码运行，我立马使用微信开发者工具打开小程序，报了一个错误，

经过排查是要去掉项目详情设置里面去掉js转es5的勾勾

再次编译就成功了，看到一模一样的页面了，美滋滋

在此感谢吾爱破解的大神文章，如有侵权请留言

反编译脚本利器

下载:https://wwa.lanzoui.com/iZEa4ti8tfe 密码:cjjv

参考教程：反编译微信小程序获取小程序前端源码wxapkg

【本文地址】

公司简介

联系我们