当前位置:   article > 正文

微信小程序反编译~2020年_for (let page of subpackage.pages) {

for (let page of subpackage.pages) {

摘要

安装wxappUnpacker小程序反编译工具并使用(2020.03)

关键词: 微信小程序反编译 wxss

介绍

上次分享了web前端爬取工具 ,那么这次也同样讲讲微信小程序反编译吧,对于像博主这种审美奇低且前端技术渣渣的人来说,实在是利器呀。不过尽量只是反编译来学习研究啦!

安装反编译脚本

首先,得先了解下怎么安装,内容过长,我就不Ctrl CV了(主要是安装简单,成功并且完美地编译难)

完美地反编译出来难就难在微信小程序一直更新,但是编译工具又是旧的

First,终于成功了,分享一波超详细小程序源码获取方法——图文!

如果想省事,安装nodejs之后直接下载下面的链接的文件替换掉你的反编译工具:

https://gitee.com/Sao-operation/wxappUnpacker/repository/archive/master.zip

但是上面这个依然需要安装nodejs,安装完nodejs并下载上述工具到某个文件夹之后,安装依赖包,具体方法是:

  1. 在编译工具文件目录打开git bash(或命令提示符)配置淘宝镜像:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
  2. 安装依赖包
    cnpm install
    接下来就可以反编译了。

如果你只是样式编译出问题了(就是page的wxss都是空白的),那么

  • 修改wxappUnpacker文件中的 wuWxss.js
function runVM(name, code) {
      // let wxAppCode = {}, handle = {cssFile: name};
      // let vm = new VM({
      //    sandbox: Object.assign(new GwxCfg(), {
      //       __wxAppCode__: wxAppCode,
      //       setCssToHead: cssRebuild.bind(handle)
      //    })
      // });
      // vm.run(code);
      // for (let name in wxAppCode) if (name.endsWith(".wxss")) {
      //    handle.cssFile = path.resolve(frameName, "..", name);
      //    wxAppCode[name]();
      // }
 
      let wxAppCode = {};
      let handle = {cssFile: name};
      let gg = new GwxCfg();
      let tsandbox = {
         $gwx: GwxCfg.prototype["$gwx"],
         __mainPageFrameReady__: GwxCfg.prototype["$gwx"],   //解决 $gwx is not defined
         __vd_version_info__: GwxCfg.prototype["$gwx"],  //解决 __vd_version_info__ is not defined
         __wxAppCode__: wxAppCode,
         setCssToHead: cssRebuild.bind(handle)
      }
 
      let vm = new VM({sandbox: tsandbox});
      vm.run(code);
      for (let name in wxAppCode) {
         if (name.endsWith(".wxss")) {
            handle.cssFile = path.resolve(frameName, "..", name);
            wxAppCode[name]();
         }
      }
   }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34

使用

获取wxapkg文件

  1. 安装夜深模拟器(但是这里有个问题,夜深模拟器可能用不了,我只记得是多开器里开一个新的才行,而且以后每次使用都得切换成那个新的)

  2. 打开夜深模拟器登录微信,点击需要学(piao)习(qie)的微信小程序

  3. 打开RE文件管理器(没有的话就先安装吧),到如下目录,打开这个看着名字是十六进制且很长的文件夹(每个人的会不一样)

  4. 进入如下目录,选择wxapkg文件(注意日期,例如红线部分意为6月17日)

  5. 想办法把wxapkg文件从夜深模拟器里发送到你的能找到到电脑文件夹里吧

反编译

  1. 第一步

    打开nodejs

    跳转到反编译脚本的目录,例如反编译脚本呢放在D盘,且反编译脚本文件夹名为”wxappUnpacker“,如果是Windows系统( 如果是Linux去掉下面那个蛋疼的 /d),则在node.js command pormpt输入:

    cd/d D:\wxappUnpacker
    
    • 1

    cd D:\wxappUnpacker
    cd D:
    
    • 1
    • 2
  2. 第二步
    跳转到反编译脚本的根目录之后,在电脑文件夹里找到wxapkg文件,例如wxapkg文件放在D盘,且文件名为_000000_1.wxapkg,则在node.js command pormpt输入:

    node wuWxapkg.js -d D:\_000000_1.wxapkg
    
    • 1

    再回车

  3. 第三步
    最后去找和.wxapkg文件相同路径下的同名文件夹,该文件用微信开发者工具打开即可。

结论

反编译…真香(我这是馋他的代码吗,我这是在学习研究)

参考资料

终于成功了,分享一波超详细小程序源码获取方法——图文:顺毛驴_dedc

反编译微信小程序错误: $gwx is not defined和__vd_version_info__ is not defined 已解决

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/529072
推荐阅读
相关标签
  

闽ICP备14008679号