Blog

Blog

PHODAL

微信小程序的压缩与解压 & unwx

两个月前在写一系列的微信小程序的文章时,写了一个库,用来解压微信小程序的——当时想的是等着公测了,来试试看能不能解压开别人的代码。然后再做个兼容小程序的框架,再传到 GitHub 上玩。

当时看到了微信的压缩代码,发现自己没有玩过这种东西,于是当时我就花了两三个晚上的时间,写了一个简单的解压工具——使用 Node.js 编写的。在过去的两个月里,忘记了这个工具的存在。晚上升级了macOS,发现小程序 IDE 有更新,就想起了有这个代码,便想试试。

结果发现两个月前写的代码,还是可以工作的,有图为证啊~~:

Unwx

先说使用方法:

npm install -g unwx

然后执行

unwx -i input.wx

就可以解压出源码了。如果你要压缩的话,可以将官方的pack.js复制到这个项目里,然后运行一下:

var pack = require("./pack");

pack("/Users/fdhuang/learing/unwx/test/", "/Users/fdhuang/learing/unwx/output.wx", function(a, zipPath){
    console.log(zipPath);
});

好了,让我们来看看微信小程序是怎么压缩的。下面是整理出来的压缩格式:

Packet Head File Info Packet File Data
packet head filenumber | path length | path | current pos | file data length | .. file data | ..
1 | 4 | 4 | 4 | 1 4 | 4 | path length | 4 | hello.js data length | .. console.log(..) |..

简单的来说,简单分成三部分:

  • 『包』头
  • 文件信息包
  • 文件数据

包头,一共由五个部分组成:分别占据了1、4、4、4、1的空间,我已经忘了分别存储什么内容了:

  • 第一个好像是校验用的?
  • 第二个好像是路径信息?
  • 第三个好像是文件大小?
  • 我已经编不下去了。

反正不是很重要吧~~。

文件信息包 则先是4位的文件数,然后是路径长度、路径、当前『指针』位置,文件数据长度 等等的遍历。

文件数据 则按顺序存放了每个文件的值。

我写的代码我已经看不懂了~~,心塞~~。


或许您还需要下面的文章:

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Engineer, Consultant, Writer, Designer

ThoughtWorks 技术专家

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 最新技术分享

标签