前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >unwx:一个解压微信小程序的命令 、微信小程序是如何压缩的

unwx:一个解压微信小程序的命令 、微信小程序是如何压缩的

作者头像
Phodal
发布2018-01-29 12:00:50
1.9K0
发布2018-01-29 12:00:50
举报
文章被收录于专栏:phodalphodal

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

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

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

先说使用方法:

代码语言:javascript
复制
npm install -g unwx

然后执行

代码语言:javascript
复制
unwx -i input.wx

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

代码语言:javascript
复制
var pack = require("./pack");pack("/Users/fdhuang/learing/unwx/test/", "/Users/fdhuang/learing/unwx/output.wx", function(a, zipPath){    console.log(zipPath);});

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

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

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

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

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

反正不是很重要吧~~。

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

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

代码就是下面的内容了,我已经看不懂了~~

代码语言:javascript
复制
function unwx(inputPath, outputPath){    fs.readFile(inputPath, function (err, data) {        var pathHeadLength = data.readInt32BE(bufferSize + 1, bufferSize * 2 + 1);        var filePathsBuffer = data.slice(packetHeadLength + bufferSize, packetHeadLength + bufferSize + pathHeadLength);        var allFilesBufferLength = data.readInt32BE(bufferSize * 2 + 1, bufferSize * 3 + 1);        var filesData = data.slice(packetHeadLength + pathHeadLength, packetHeadLength + pathHeadLength + allFilesBufferLength);        var filePathsBufferWithoutHead = filePathsBuffer.slice(bufferSize, filePathsBuffer.length);        while (filePathsBuffer.length > 0) {            var fileLength = filePathsBuffer.readInt32BE(0, bufferSize);            var filePath = filePathsBuffer.slice(bufferSize, bufferSize + fileLength);            var filePathsBufferWithoutCurrentPath = filePathsBuffer.slice(fileLength + bufferSize, filePathsBufferWithoutHead.length);            var currentBufferLength = filePathsBufferWithoutCurrentPath.readInt32BE(0, bufferSize + 1);            var currentFileDataBuffer = filePathsBufferWithoutCurrentPath.readInt32BE(bufferSize, bufferSize * 2);            filesData = data.slice(currentBufferLength, data.length);            var fileData = filesData.slice(0, currentFileDataBuffer);            filePathsBuffer = filePathsBuffer.slice(fileLength + bufferSize * 3, filePathsBufferWithoutHead.length);            filendir.wa(outputPath + filePath, fileData, function(err) {                if(err) {                    return console.log(err);                }            });        }    });}

GitHub 地址:https://github.com/phodal/unwx

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-11-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 phodal 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档