欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

NodeJS服務(wù)器實現(xiàn)gzip壓縮的示例代碼

 更新時間:2018年10月12日 10:05:24   作者:pandashen  
這篇文章主要介紹了NodeJS服務(wù)器實現(xiàn)gzip壓縮的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

本文介紹了NodeJS服務(wù)器實現(xiàn)gzip壓縮,分享給大家,具體如下:

在瀏覽器向服務(wù)器請求靜態(tài)資源時,服務(wù)器為了減小在網(wǎng)絡(luò)傳輸過程中消耗的流量和時間,都是將靜態(tài)資源經(jīng)過壓縮后返回給服務(wù)器的,實現(xiàn)壓縮的算法有 deflategzip 等,最常用的是 gzip 壓縮。

gzip 簡介

在瀏覽器和服務(wù)器之間通過 gzip 壓縮流實現(xiàn)傳輸?shù)倪^程可以用下圖表示。

當瀏覽器向服務(wù)器請求靜態(tài)資源,服務(wù)器會將靜態(tài)資源經(jīng)過處理轉(zhuǎn)換為壓縮流,大大減小文件體積,然后將壓縮流返回給瀏覽器,瀏覽器通過壓縮的類型重新將壓縮流解析成靜態(tài)文件。

zlib 模塊的使用

1、壓縮

在 NodeJS 中通過 zlib 模塊幫助我們實現(xiàn)不同類型的壓縮,其實壓縮的過程就是創(chuàng)建流的過程,創(chuàng)建的壓縮流是 Transform 類型(轉(zhuǎn)化流),讀取文件的內(nèi)容經(jīng)過轉(zhuǎn)化流創(chuàng)建一個新類型的文件。

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

// 壓縮
function gzip(source) {
  // 處理輸入和輸出的文件路徑
  let sourcePath = path.join(__dirname, source);
  let gzipPath = `${sourcePath}.gz`;

  // 創(chuàng)建轉(zhuǎn)化流
  let gzip = zlib.createGzip();

  // 創(chuàng)建可讀流
  let rs = fs.createReadStream(sourcePath);

  // 創(chuàng)建可寫流
  let ws = fs.createWriteStream(gzipPath);

  // 實現(xiàn)轉(zhuǎn)化
  rs.pipe(gzip).pipe(ws);
}

gzip("index.html");

執(zhí)行上面代碼查看根目路是否出現(xiàn) index.gz 壓縮包。

2、解壓

壓縮的過程是可逆的,可以壓縮就可以解壓,無論是在瀏覽器還是在服務(wù)器,我們下面實現(xiàn)解壓的方法。

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

// 解壓
function gunzip(source) {
  // 處理輸入和輸出的文件路徑
  let sourcePath = path.join(__dirname, source);
  let filePath = path.join(__dirname, path.basename(source, ".gz"));

  // 創(chuàng)建轉(zhuǎn)化流
  let unzip = zlib.createGunzip();

  // 創(chuàng)建可讀流
  let rs = createReadStream(sourcePath);

  // 創(chuàng)建可寫流
  let ws = createWriteStream(filePath);

  // 實現(xiàn)轉(zhuǎn)化
  rs.pipe(unzip).pipe(ws);
}

gunzip("index.html.gz");

刪除原來 index.html,執(zhí)行解壓代碼,查看文件根目錄是否生成 index.html。

服務(wù)器的實現(xiàn)

在瀏覽器與服務(wù)器的交互中,瀏覽器其實會通過請求頭 Accept-Encoding 告訴服務(wù)器當前支持解壓的壓縮格式,值為 gzip, deflate, br,多個壓縮格式用 , 隔開,服務(wù)器在接收到瀏覽器請求后,會按照請求頭的格式壓縮資源,將壓縮后的資源返回,并通過響應(yīng)頭 Content-Encoding 告訴瀏覽器當前服務(wù)器壓縮的格式。

// 引入依賴
const http = require("http");
const url = require("url");
const path = require("path");
const fs = require("fs");
const zlib = require("zlib");

// 創(chuàng)建服務(wù)器
const server = http.createServer((req, res) => {
  // 處理 pathname,"/" 時默認讀取 "/index.html"
  let { pathname } = url.parse(req.url, true);
  pathname = pathname !== "/" ? pathname : "/index.html";

  // 獲取讀取文件的絕對路徑
  let p = path.join(__dirname, pathname);

  // 查看路徑是否合法
  fs.access(p, err => {
    // 路徑不合法則直接中斷連接
    if (err) return res.end("Not Found");

    // 獲取瀏覽器支持的壓縮格式
    let encoding = req.headers["accept-encoding"];

    // 創(chuàng)建可讀流
    let rs = fs.createReadStream(p);

    // 支持 gzip 使用 gzip 壓縮,支持 deflate 使用 deflate 壓縮
    if (encoding && encoding.match(/\bgzip\b/)) {
      let compress = zlib.createGzip();
      let compressType = "gzip";
    } else if (encoding && encoding.match(/\bdeflate\b/)) {
      let compress = zlib.createDeflate();
      let compressType = "deflate";
    } else {
      // 否則直接返回可讀流
      return rs.pipe(res);
    }

    // 將壓縮流返回并設(shè)置響應(yīng)頭
    res.setHeader("Content-Encoding", compressType);
    rs.pipe(compress).pipe(res);
  });
});

server.listen(3000, () => {
  console.log("server start 3000");
});

在上面服務(wù)器中如果不通過響應(yīng)頭通知瀏覽器當前資源的壓縮格式,瀏覽器會不知道該如何解壓,默認會當成文件下載,如 Chrome,所以在返回壓縮流時必須通過 Content-Encoding 響應(yīng)頭通知瀏覽器當前的壓縮格式。

測試服務(wù)器壓縮

我們在文件根目錄創(chuàng)建一個 index.html 文件,代碼如下。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>gzip</title>
</head>
<body>
  <div>Hello GZIP!</div>
</body>
</html>

啟動服務(wù)器 server.js,然后通過瀏覽器訪問 localhost:3000,查看頁面能否正確返回,并查看開發(fā)者工具 Network 中的響應(yīng)頭 Content-Encoding 的值是否正確。

總結(jié)

服務(wù)器壓縮其實是客戶端與服務(wù)器在網(wǎng)絡(luò)傳輸時的一種優(yōu)化手段,可以大大減小流量的消耗和響應(yīng)時間,而 gzip 只是目前最常用的一種壓縮格式,即壓縮算法。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • koa2的中間件功能及應(yīng)用示例

    koa2的中間件功能及應(yīng)用示例

    這篇文章主要介紹了koa2的中間件功能及應(yīng)用示例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • 圖解NodeJS實現(xiàn)登錄注冊功能

    圖解NodeJS實現(xiàn)登錄注冊功能

    這篇文章主要介紹了NodeJS實現(xiàn)登錄注冊功能,本文圖文并茂給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-09-09
  • nodeJS實現(xiàn)簡單網(wǎng)頁爬蟲功能的實例(分享)

    nodeJS實現(xiàn)簡單網(wǎng)頁爬蟲功能的實例(分享)

    下面小編就為大家?guī)硪黄猲odeJS實現(xiàn)簡單網(wǎng)頁爬蟲功能的實例(分享)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • Node.js實現(xiàn)的簡易網(wǎng)頁抓取功能示例

    Node.js實現(xiàn)的簡易網(wǎng)頁抓取功能示例

    這篇文章主要介紹了Node.js實現(xiàn)的簡易網(wǎng)頁抓取功能示例,本文使用了PhantomJS、node-phantomjs等庫實現(xiàn),需要的朋友可以參考下
    2014-12-12
  • Node.js 服務(wù)器端應(yīng)用開發(fā)框架 -- Hapi.js

    Node.js 服務(wù)器端應(yīng)用開發(fā)框架 -- Hapi.js

    Hapi.js 是一個用來構(gòu)建基于 Node.js 的應(yīng)用和服務(wù)的富框架,使得開發(fā)者把重點放在便攜可重用的應(yīng)用邏輯而不是構(gòu)建架構(gòu)。內(nèi)建輸入驗證、緩存、認證和其他 Web 應(yīng)用開發(fā)常用的功能。
    2014-07-07
  • socket.io學(xué)習(xí)教程之深入學(xué)習(xí)篇(三)

    socket.io學(xué)習(xí)教程之深入學(xué)習(xí)篇(三)

    這篇文章更加深入的給大家介紹了socket.io的相關(guān)資料,之前已經(jīng)介紹了socket.io的基本教程和應(yīng)用,本文更為深入的來介紹下socket.io的使用,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-04-04
  • 快速解決brew安裝特定版本flow的問題

    快速解決brew安裝特定版本flow的問題

    今天小編就為大家分享一篇快速解決brew安裝特定版本flow的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-05-05
  • nodejs批量修改文件編碼格式

    nodejs批量修改文件編碼格式

    本文給大家分享一段代碼,主要是解決了在項目中遇到的一個問題,批量將GBK編碼轉(zhuǎn)換為UTF8,非常實用,推薦給大家。
    2015-01-01
  • 使用koa2創(chuàng)建web項目的方法步驟

    使用koa2創(chuàng)建web項目的方法步驟

    這篇文章主要介紹了使用koa2創(chuàng)建web項目的方法步驟,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-03-03
  • nodejs下載指定版本完整圖文步驟

    nodejs下載指定版本完整圖文步驟

    node.js官方版是一款專業(yè)性非常強的瀏覽輔助工具軟件,這款軟件操作十分的簡單、功能也是非常的強勁,下面這篇文章主要給大家介紹了關(guān)于nodejs下載指定版本的相關(guān)資料,需要的朋友可以參考下
    2023-12-12

最新評論