unwx:一个解压微信小程序的命令 、微信小程序是如何压缩的
时间:2022-04-25
本文章向大家介绍unwx:一个解压微信小程序的命令 、微信小程序是如何压缩的,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
两个月前在写一系列的微信小程序的文章时,写了一个库,用来解压微信小程序的——当时想的是等着公测了,来试试看能不能解压开别人的代码。然后再做个兼容小程序的框架,再传到 GitHub 上玩。
当时看到了微信的压缩代码,发现自己没有玩过这种东西,于是当时我就花了两三个晚上的时间,写了一个简单的解压工具——使用 Node.js 编写的。在过去的两个月里,忘记了这个工具的存在。晚上升级了macOS,发现小程序 IDE 有更新,就想起了有这个代码,便想试试。
结果发现两个月前写的代码,还是可以工作的,有图为证啊~~:
先说使用方法:
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);});
好了,让我们来看看微信小程序是怎么压缩的。下面是整理出来的压缩格式:
简单的来说,简单分成三部分:
- 『包』头
- 文件信息包
- 文件数据
包头,一共由五个部分组成:分别占据了1、4、4、4、1的空间,我已经忘了分别存储什么内容了:
- 第一个好像是校验用的?
- 第二个好像是路径信息?
- 第三个好像是文件大小?
- 我已经编不下去了。
反正不是很重要吧~~。
文件信息包 则先是4位的文件数,然后是路径长度、路径、当前『指针』位置,文件数据长度 等等的遍历。
文件数据 则按顺序存放了每个文件的值。
代码就是下面的内容了,我已经看不懂了~~
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
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法