Node.js實戰--資源壓縮與zlib模塊

時間 2020-02-12

標籤 node.js node 實戰資源壓縮 zlib 模塊欄目 Node.js 简体版

原文原文鏈接

📖Blog：《NodeJS模塊研究 - zlib》javascript

🐱Github：github.com/dongyuanxin…html

nodejs 的 zlib 模塊提供了資源壓縮功能。例如在 http 傳輸過程當中經常使用的 gzip，能大幅度減小網絡傳輸流量，提升速度。本文將從下面幾個方面介紹 zlib 模塊和相關知識點：前端

文件壓縮 / 解壓
HTTP 中的壓縮/解壓
壓縮算法：RLE
壓縮算法：哈夫曼樹

文件的壓縮/解壓

以 gzip 壓縮爲例，壓縮代碼以下：java

const zlib = require("zlib");
const fs = require("fs");

const gzip = zlib.createGzip();

const rs = fs.createReadStream("./db.json");
const ws = fs.createWriteStream("./db.json.gz");
rs.pipe(gzip).pipe(ws);
複製代碼

以下圖所示，4.7Mb 大小的文件被壓縮到了 575Kb。node

解壓剛纔壓縮後的文件，代碼以下：git

const zlib = require("zlib");
const fs = require("fs");

const gunzip = zlib.createGunzip();

const rs = fs.createReadStream("./db.json.gz");
const ws = fs.createWriteStream("./db.json");
rs.pipe(gunzip).pipe(ws);
複製代碼

HTTP 中的壓縮/解壓

在服務器中和客戶端的傳輸過程當中，瀏覽器（客戶端）經過 Accept-Encoding 消息頭來告訴服務端接受的壓縮編碼，服務器經過 Content-Encoding 消息頭來告訴瀏覽器（客戶端）實際用於編碼的算法。程序員

服務器代碼示例以下：github

const zlib = require("zlib");
const fs = require("fs");
const http = require("http");

const server = http.createServer((req, res) => {
    const rs = fs.createReadStream("./index.html");
    // 防止緩存錯亂
    res.setHeader("Vary", "Accept-Encoding");
    // 獲取客戶端支持的編碼
    let acceptEncoding = req.headers["accept-encoding"];
    if (!acceptEncoding) {
        acceptEncoding = "";
    }
    // 匹配支持的壓縮格式
    if (/\bdeflate\b/.test(acceptEncoding)) {
        res.writeHead(200, { "Content-Encoding": "deflate" });
        rs.pipe(zlib.createDeflate()).pipe(res);
    } else if (/\bgzip\b/.test(acceptEncoding)) {
        res.writeHead(200, { "Content-Encoding": "gzip" });
        rs.pipe(zlib.createGzip()).pipe(res);
    } else if (/\bbr\b/.test(acceptEncoding)) {
        res.writeHead(200, { "Content-Encoding": "br" });
        rs.pipe(zlib.createBrotliCompress()).pipe(res);
    } else {
        res.writeHead(200, {});
        rs.pipe(res);
    }
});

server.listen(4000);
複製代碼

客戶端代碼就很簡單了，識別 Accept-Encoding 字段，並進行解壓：算法

const zlib = require("zlib");
const http = require("http");
const fs = require("fs");
const request = http.get({
    host: "localhost",
    path: "/index.html",
    port: 4000,
    headers: { "Accept-Encoding": "br,gzip,deflate" }
});
request.on("response", response => {
    const output = fs.createWriteStream("example.com_index.html");

    switch (response.headers["content-encoding"]) {
        case "br":
            response.pipe(zlib.createBrotliDecompress()).pipe(output);
            break;
        // 或者, 只是使用 zlib.createUnzip() 方法去處理這兩種狀況：
        case "gzip":
            response.pipe(zlib.createGunzip()).pipe(output);
            break;
        case "deflate":
            response.pipe(zlib.createInflate()).pipe(output);
            break;
        default:
            response.pipe(output);
            break;
    }
});
複製代碼