反编译小程序详细教程,处理各种异常报错

文章目录
一、准备工作
(一)安装Nodejs
(二)解密和逆向工具
二、小程序缓存文件解密
(一)定位小程序缓存路径
(二)源码解密
(三)源码反编译
三、小结
四、异常处理
1.TypeError: subPackage.pages is not iterable 异常
2.function(env,dd,global){$gwxc=0;var root={“tag”:“wx-page”};root.children=[] 异常
3.SyntaxError: Unexpected token ‘}‘ 异常处理
4. Error: This application has not registered any plugins yet. 异常处理(requirePlugin)
5. Bad attr data-event-params with message 异常处理
五、新版本反编译软件对比
一、准备工作
(一)安装Nodejs
Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境,通常是运行在服务端的 JavaScript。本文需要nodejs的环境提供npm工具来安装相关依赖,因此需要首先安装nodejs。
Node.js 官方下载地址:
https://nodejs.org/zh-cn/download/
之后根据自己使用的操作系统选择相应的版本即可,这里我选择windows版:

设置好安装路径后一路点击next即可。
之后在cmd中输入:

node -v

在这里插入图片描述

出现版本信息即表示安装成功。
注意:在执行例如npm install xxx -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,所以这里我参考了别人的配置,自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache。
然后在cmd中执行以下命令(注意前两条命令改成你们自己的路径):

设置镜像源为淘宝npm镜像,可提高下载速度

npm config set registry=https://registry.npm.taobao.org

本文只是为了使用npm来安装东西,实际上到这里就可以结束了。如果需要更多的功能,则后续还需要配置环境变量,请参考其他文章,本文不过多涉及。
这里顺便提一下,如果需要进行版本相关的操作,请参考以下命令:

命令 说明

nvm install 14.15.5 安装指定的版本的nodejs
nvm use 10.5.0  使用指定版本的nodejs
nvm list	查看已经安装的版本
nvm list installed	查看已经安装的版本
nvm list available	查看网络可以安装的版本
nvm arch	查看当前系统的位数和当前nodejs的位数
nvm install [arch]	安装制定版本的node 并且可以指定平台 version 版本号 arch 平台
nvm on	打开nodejs版本控制
nvm off	关闭nodejs版本控制
nvm proxy [url]	查看和设置代理
nvm node_mirror [url]	设置或者查看setting.txt中的node_mirror,如果不设置的默认是 https://nodejs.org/dist/
nvm npm_mirror [url]	设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是:https://github.com/npm/npm/archive/.
nvm uninstall	卸载制定的版本
nvm use [version] [arch]	切换制定的node版本和位数
nvm root [path]	设置和查看root路径
nvm version	查看当前的版本

(二)解密和逆向工具
在获得小程序的缓存文件之后,需要先使用解密工具进行一轮解密,之后才能进行逆向。
解密工具下载地址:(G众号:程序员吴同学,回复:反编译教程 领取)

注:以上地址若失效,可及时私信我。

三、小程序缓存文件解密
(一)定位小程序缓存路径
首先确定小程序的缓存目录,在微信上打开设置,然后找到文件管理:

点击打开文件夹,打开Applet文件夹:

这里面即存储了小程序的本地缓存文件:

(二)源码解密
接着打开一个小程序,这里不便透露具体用的是哪个小程序,大家可以自行去寻找感兴趣的小程序玩一下。
首先打开目标小程序,然后多点一些页面,让小程序在本地产生缓存文件,之后查看本地文件夹,会看到产生了一个文件夹,通过文件夹创建的时间可以判断出哪个文件夹里的数据是属于刚访问小程序的缓存目录:

那么之后,我们需要先对这些缓存数据进行一次解密,方法很简单,打开解密工具:

然后点击’选择加密小程序包’,并选中自己刚才定位出来的小程序的缓存目录。如图所示,已经解密成功:

解密后的文件在解密程序同目录下的wxpack文件夹中:
在这里插入图片描述

(三)源码反编译
首先解压已下载好的wxappUnpacker,然后进入该文件夹,复制该文件夹的地址,然后以管理员身份打开cmd窗口(直接按win+R打开运行窗口,然后输入cmd,按ctrl+shift+enter),然后跳转到wxappUnpacker内,如下所示:

注意一定要管理员身份运行cmd窗口,否则后面可能造成命令执行出错。
然后开始安装依赖,按顺序执行以下命令:

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

我这里因为已经有安装过了,所以和你们的会不太一样。执行以后不要出现error的报错信息即可。
然后根据前面解密的文件构造命令如下:

node ./wuWxapkg.js E:\WeiXinXiaoChengXu\wxpack\wx3b25611579a1b7ec.wxapkg 

这条命令的格式是:

node ./wuWxapkg.js 主包路径

另外就是分包的的反编译 指令:

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

有时候我们解密后得到的是主包后的分包(具体为什么我也不清楚,看情况),那么这时候就可以很方便的用到-s参数来指定存放的路径。
现在我们将根据第一种命令格式构造的命令在cmd中执行;

此时可以看到已经生成了一个文件夹,当前内容如下:
在这里插入图片描述

此时就可以自由导入到微信开发者工具中进行学习观摩了

三、小结
本文分享了从微信小程序本地缓存文件中反编译获得源码的方法,其中安装依赖时需要用到npm,而npm不需要单独安装,因为在安装 Node 的时候,会连带一起安装 npm。因此我们需要安装一个nodejs,之后使用解密和反编译工具按照先解密后反编译的步骤即可获得小程序的源码,不足之处敬请谅解。

四、异常总结处理

1.TypeError: subPackage.pages is not iterable 异常

 for (let page of subPackage.pages) {
^

TypeError: subPackage.pages is not iterable

这个异常其实就是简单的subPackage参数为空导致出现的异常,只需要简单修改为下面内容即可(G众号领取完整程序:程序员吴同学)(回复:反编译教程,获取解决本问题源码文件)

if(subPackage.pages){
     for (let page of subPackage.pages) {
     let items = page.replace(root, '');
     newPages.push(items);
     let subIndex = pages.indexOf(root + items);
     if (subIndex !== -1) {
         pages.splice(subIndex, 1);
     }
 }
 }

2.function(env,dd,global){$gwxc=0;var root={“tag”:“wx-page”};root.children=[] 异常
这个原因是因为现目前网上大多的wxappUnpacker-master 包都已经是旧的了,新开发出来的小程序或者升级后的小程序使用旧版本的wxappUnpacker-master 都是难以进行解析了的,主要错误原因就在于,解析page-frame.html文件时候,提取出来的内容导入到VM.run函数中不是一个合法的JavaScript代码格式的内容,导致出现的异常,G众号私信了解处理方式(G众号:程序员吴同学) (解析不了的包,发我,我来处理)

3.SyntaxError: Unexpected token ‘}‘ 异常处理
出这个异常其实和上面第二个异常的原因一模一样,都是截取出来的字符串传入到JavaScript中不是一段合法的代码导致的,这种如果需要协助处理,可以私信喔(G众号:程序员吴同学)(解析不了的包,发我,我来处理)

4.Error: This application has not registered any plugins yet. 异常处理
这个就是由于编译下来的小程序存在加载插件的原因,现如今你使用的APPID没有申请这个插件,导致出现的异常,简单做法,直接找到对应的插件,小程序后台进行申请;又或者直接删除加载插件的代码即可;(requirePlugin)

5.Bad attr data-event-params with message 异常处理
这个错误一般由于data-event-params参数设置的格式不符合wxml文件中的格式类似如下:

<view data-event-params="{{index:index}}" wx:for-item="icon" wx:key="index">

主要就是{{index:index}}这个格式是wxml中不支持的格式,修改为{{index}}即可处理

6.Unexpected token }异常报错处理(return 内容为空)
更多异常处理方式持续更新中

五、新版本反编译软件对比
新开发反编译程序,效果如下,解决上面所有的问题,需要可以联系有偿提供(视频教程
优点:
1.支持主包分包支持一键反编译(多少个分包都可以喔);
2.wxappUnpacker反编译出异常的都可以一键反编译;
3.操作简单,不需要一个一个得解包再反编译包;
视频教程

  • 12
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
如果你想在分包中使用 uchart 组件,需要进行以下步骤: 1. 在主包 app.json 文件中添加 "subPackages" 字段来定义分包信息,例如: ```json { "subPackages": [ { "root": "subpackage", "name": "subpackage", "pages": ["subpackage/index"] } ] } ``` 2. 在分包的页面中引入 uchart 组件,并将组件所在路径改为相对路径,例如: ```html <uchart canvas-id="canvas1" series="{{series}}" categories="{{categories}}" animation="{{animation}}" bind:touchstart="touchHandler" /> ``` 3. 在分包的 js 文件中引入 uchart 组件所需的 js 文件,并进行相关配置,例如: ```javascript import uCharts from '../../ucharts/u-charts.min.js'; Page({ data: { chartData: {} }, onLoad: function() { let chartData = {}; chartData.categories = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']; chartData.series = [{ name: '成交量1', data: [90, 113, 140, 30, 70, 60, 90], color: "#ff0000" }, { name: '成交量2', data: [70, 83, 101, 110, 99, 103, 90], color: "#00ff00" }]; chartData.animation = true; this.setData({ chartData: chartData }); new uCharts({ $this: this, canvasId: 'canvas1', type: 'column', legend: { show: true, position: 'top', fontSize: 12, fontFamily: '微软雅黑', lineHeight: 20, fontColor: '#666666' }, dataPointShape: true, background: '#FFFFFF', pixelRatio: 1, categories: chartData.categories, series: chartData.series, animation: chartData.animation, enableScroll: true, xAxis: { disableGrid: false, type: 'grid', gridColor: '#cccccc', textColor: '#666666', textSize: 11, scrollShow: true, scrollAlign: 'right', scrollBackgroundColor: '#EBEBEB', scrollColor: '#666666', scrollHeight: 20, scrollbarHeight: 4, itemWidth: 30, boundaryGap: true, disableGrid: false }, yAxis: { disableGrid: false, gridColor: '#cccccc', textColor: '#666666', min: 0, fontColor: '#666666', disableGrid: false }, width: 320, height: 200 }); } }); ``` 在这个例子中,我们通过引入 uCharts.js 文件并使用 new uCharts() 方法来实例化 uchart 组件,并将组件的配置信息传递给它。最后,我们通过 setData() 方法将数据传递给组件,并在 wxml 文件中使用组件来展示数据。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员吴同学

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值