抓取微信小程序源码教程,扒微信小程序文件等

前言:

想成为一名微信小程序的开发者,前端思路的学习和安全意识是非常有必要的,故务必掌握小程序反编译技能。这里用到了2个工具《包解密》与《反编译》(非原创,均来自网上的大佬),特别适合新手,而且都是免费的!第一次操作可能会慢一些,熟练了之后,3秒抓取一个小程序源码!

一、工具准备:

下载地址1:https://pan.dwoyun.com/s/obh5 密码:852hpz

下载地址2:https://pan.baidu.com/s/1vAiRA-sGI0-Tsp2U2Z1kjw  提取码: qnmk

二、找到小程序:

网上有很多教程,是分苹果和安卓的,还要用到模拟器,其实不用那么麻烦,直接用微信PC客户端就可以了。

1、用微信PC客户端打开一个小程序 ,会在本地自动生成小程序包,就在 文档\WeChat Files\Applet 目录下。

抓取微信小程序源码教程,扒微信小程序文件等_第1张图片

抓取微信小程序源码教程,扒微信小程序文件等_第2张图片

2、找到你需要解密的小程序APPID的文件夹,打开:

抓取微信小程序源码教程,扒微信小程序文件等_第3张图片

三、解密小程序:

1.打开解密软件:

 2.选择找到的 __APP__.wxapkg 小程序加密包:

抓取微信小程序源码教程,扒微信小程序文件等_第4张图片

 3.打开后,显示解密成功:

抓取微信小程序源码教程,扒微信小程序文件等_第5张图片

4.解密后放在wxpack文件夹内,解密后的文件名:小程序的appid.wxapkg 这个包。

四、反编译小程序:

1、需要先安装nodejs环境,下载地址:https://nodejs.org/en/,安装好之后在cmd命令行输入 node -v 可看到版本号。

2、安装依赖:

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

3、进入到 wxappUnpacker 文件夹内,在此文件夹地址栏输入cmd,打开命令提示符,或者cd到此文件夹;

bingo.bat 反编译文件包路径 (可以直接拖入)回车

抓取微信小程序源码教程,扒微信小程序文件等_第6张图片

 4、编译后的文件,保存在和【wx13534641a6ba473e.wxapkg】同一个文件夹中,自动以wx13534641a6ba473e命名。

抓取微信小程序源码教程,扒微信小程序文件等_第7张图片

5、编译完成后,用开发者工具打开即可。

五、报错:

1、执行编译时报错:

this package is a subPackage which should be unpacked with -s=.

说明这个是分包,打开小程序时生成了两个.wxapkg文件,编译另一个文件即可,编译分包和主包的命令是不一样的:

node ./wuWxapkg.js 分包路径 -s=主包路径

2、如果生成的文件里不包含app.json文件说明该小程序可能已经做了反编译的安全措施,无法解密: 

抓取微信小程序源码教程,扒微信小程序文件等_第8张图片

你可能感兴趣的:(前端,Html,微信,微信小程序,小程序,前端)