微信小程序wxappUnpacker反编译报错vm.js ReferenceError: __mainPageFrameReady__ is not defined的问题解决方法

微信小程序wxappUnpacker反编译报错vm.js ReferenceError: __mainPageFrameReady__ is not defined的问题解决

打开page-frame.html到对底部 去掉 __mainPageFrameReady__()就可以 

标点符号啥的都不要动  只删掉这个就可以

在执行 node wuWxss.js xcx\新生成的目录 

生成成功

笔记：

一、前言
最近在学习微信小程序开发，半个月学习下来，很想实战一下踩踩坑，

于是就仿写了一个阿里妈妈淘宝客小程序的前端实现，过程一言难尽，差不多两周时间过去了，发现小程序的坑远比想象的要多的多！！在实际练手中，完全是黑盒的，看到人家上线的小程序的效果，纯靠推测，部分效果在绞尽脑汁后能做出大致的实现，但是有些细节，费劲全力都没能做出来。很想一窥源码，查看究竟，看看大厂的前端大神们是如何规避了小程序的各种奇葩的坑。

于是就想到获取到小程序地源文件，然后再对其进行反编译还原为源代码，来作为学习参考。

我百度了各种关于小程序地反编译教程，但是感觉都不太适合像我这样地初学小白，踩了挺多坑。

在这里把我重新简化好的，快速地获取一个微信小程序源码的方式记录下来。

二、微信小程序本地保存的文件xxxxx.wxapkg

具体目录位置直接给出：
/data/data/com.tencent.mm/MicroMsg/01243abc0...../appbrand/pkg/
在这个目录下，会发现一些 xxxxxxx.wxapkg 类型的文件，这些就是微信小程序的包
微信小程序的格式就是:.wxapkg
.wxapkg是一个二进制文件，有其自己的一套结构。

wxapkg 包的获取

Android 手机最近使用过的微信小程序所对应的 wxapkg 包文件都存储在特定文件夹下，可通过以下命令查看：

adb pull /data/data/com.tencent.mm/MicroMsg/{User}/appbrand/pkg

其中{User} 为当前用户的用户名，类似于 2bc**************b65。

 

三、准备材料
node.js运行环境

反编译程序 https://github.com/qwerty472123/wxappUnpacker
夜神模拟器，用来获取小程序源文件
RE管理器

四、详细步骤

• node wuConfig.js  将 app-config.json 中的内容拆分到各个文件对应的 .json 和 app.json , 并通过搜索 app-config.json 所在文件夹下的所有文件尝试将 iconData 还原为 iconPath 。
• node wuJs.js  将 app-service.js (或小游戏中的 game.js ) 拆分成一系列原先独立的 javascript 文件，并使用 Uglify-ES 美化，从而尽可能还原编译前的情况。
• node wuWxml.js [-m]  将编译/混合到 page-frame.html ( 或 app-wxss.js ) 中的 wxml 和 wxs 文件还原为独立的、未编译的文件。如果加上-m指令，就会阻止block块自动省略，可能帮助解决一些相关过程的 bug 。
• node wuWxss.js  通过获取文件夹下的 page-frame.html ( 或 app-wxss.js ) 和其他 html 文件的内容，还原出编译前 wxss 文件的内容。
• node wuWxapkg.js [-o] [-d] [-s=
  ]  将 wxapkg 文件解包，并将包中上述命令中所提的被编译/混合的文件自动地恢复原状。如果加上-o指令，表示仅解包，不做后续操作。如果加上-d指令，就会保留编译/混合后所生成的新文件，否则会自动删去这些文件。同时，前面命令中的指令也可直接加在这一命令上。而如果需要解压分包，请先解压主包，然后执行node wuWxapkg.js [-d] -s=

  ，其中Main Dir为主包解压地址。除-d与-s外，这些指令两两共存的后果是未定义的（当然，是不会有危险的）。

参考文档：

https://blog.csdn.net/qq_37936542/article/details/81003211