Heim  >  Artikel  >  Web-Frontend  >  Lassen Sie uns darüber sprechen, wie Sie das in Node integrierte Modul zlib für die GZIP-Komprimierung verwenden

Lassen Sie uns darüber sprechen, wie Sie das in Node integrierte Modul zlib für die GZIP-Komprimierung verwenden

青灯夜游
青灯夜游nach vorne
2022-09-26 20:30:062037Durchsuche

Wie führe ich die GZIP-Komprimierung in Node durch? Der folgende Artikel stellt vor, wie das integrierte Modul zlib von Node die GZIP-Komprimierung durchführt. Ich hoffe, dass es für alle hilfreich ist!

Lassen Sie uns darüber sprechen, wie Sie das in Node integrierte Modul zlib für die GZIP-Komprimierung verwenden

Jede serverseitige Entwicklung ist für Leistungsoptimierungsvorgänge unabdingbar. Wenn die HTTP-Schnittstelle (API) für die Datenübertragung am Front- und Backend verwendet wird, führt dies unweigerlich dazu, dass die übertragene Datenmenge zu groß ist Anfrage nach Zeitüberschreitung oder Fehlschlagen.

nodejs stellt uns ein integriertes zlib-Modul zur Verfügung, und wir können dessen gzip-Methode verwenden, um die übergebenen Daten zu komprimieren und so die Daten zu verbessern Übertragungseffizienz. [Verwandte Tutorial-Empfehlungen: nodejs为我们提供了一个zlib内置模块,我们可以使用它其中的gzip方法来对传递的数据进行压缩,从而提高数据传递效率。【相关教程推荐:nodejs视频教程

什么是gzip?

HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术

这一般是指服务器中安装的一个功能,当有人来访问这个服务器中的网站时,服务器中的这个功能就将网页内容压缩后传输到来访的电脑浏览器中显示出来,一般对纯文本内容可压缩到原大小的40%

这样传输就快了,效果就是你点击网址后数据会很快的显示出来,提高用户体验,当然这也会增加服务器的负载.,一般服务器中都安装有这个功能模块

减少文件大小有两个明显的好处:

  • 一是可以减少存储空间
  • 二是通过网络传输文件时,可以减少传输的时间

我们在进行本地数据传递时,如果一个文件太大我们经常会使用到文件压缩技术(zip或rar等),将大文件压缩成小文件进行传递,接收者再进行解压即可,因为压缩的速度一般是比较快的,这样就能减少文件传输过程中的时间,从而提高效率

简单来说,gzip其实就是一种用于服务端(后端)和客户端(前端)之间压缩数据的一种方法

gzip和zlib什么关系?

zlibDEFLATE算法的实现库,它的API同时支持gzip文件格式以及一个简化的数据流格式

DEFLATE是同时使用了LZ77算法哈夫曼编码(Huffman Coding)的一个无损数据压缩算法

gzipHTTP压缩,一种在万维网中加速传输HTML和其他内容的技术

所以可以说zlib是在gzip的基础上增加了一些内容,这也是为什么nodegzip方法是在zlib内置模块中的原因

普通数据传输

我们使用node搭建一个服务器,来演示我们传递数据的普通方式:

server.js

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

http.createServer((req, res) => {
    res.writeHead(200, {
        "Content-Type": "text/html;charset=utf-8",
    });

    const readStream = fs.createReadStream("./index.html");
    // res本质就是一个可写流
    readStream.pipe(res);
}).listen(3000, () => {
    console.log("服务器启动啦!");
});

这是一个简单的node服务器,浏览器访问它后,它会向我们返回一个index.html,这个index.html里的内容大家随便写,写的越多越好

这里也使用到了上一节我们讲过的内置模块fs中的stream流,需要注意的是,在node服务器中的res参数本质是一个可写流,所以我们才能直接将res用于pipe管道中

如果你对node搭建服务器或者内置模块fsstream流不太了解的话,可以看我先前的文章:Node.js | 搭建后端服务器(含内置模块 http | url | querystring 的使用)Node.js | 操作本地文件 — 玩转 fs 内置模块

运行server.js文件,使用浏览器访问node服务器:

Lassen Sie uns darüber sprechen, wie Sie das in Node integrierte Modul zlib für die GZIP-Komprimierung verwenden

可以看到我这里传递的数据大小是97.6kb(这取决于你的index.html的内容)

gzip压缩数据传输

我们使用gzip来改造一下上面普通数据传输的例子:

server.jsnodejs-Video-Tutorial

]🎜

Was ist gzip?

🎜GZIP-Kodierung auf dem HTTP-Protokoll ist eine Technologie zur Verbesserung der Leistung von WEB-Anwendungen🎜🎜 Dies bezieht sich im Allgemeinen Wenn jemand die Website auf diesem Server besucht, komprimiert diese Funktion den Webinhalt und übermittelt ihn dann zur Anzeige an den Browser des besuchenden Computers Textinhalte können auf 40 % der Originalgröße komprimiert werden🎜🎜Auf diese Weise erfolgt die Übertragung schnell. Der Effekt besteht darin, dass die Daten schnell angezeigt werden, nachdem Sie auf die URL geklickt haben, was das Benutzererlebnis verbessert . Dies erhöht natürlich auch die Last des Servers. Die Reduzierung der Dateigröße hat im Allgemeinen zwei offensichtliche Vorteile: 🎜
  • Erstens , es kann den Speicherplatz reduzieren li>
  • Zweitens kann bei der Übertragung von Dateien über das Netzwerk die Übertragungszeit reduziert werden
🎜Wenn wir lokale Daten übertragen, wenn es sich um eine Datei handelt zu groß ist, verwenden wir häufig die Dateikomprimierungstechnologie (zip oder rar usw.), um große Dateien zur Übertragung in kleine Dateien zu komprimieren, und der Empfänger kann sie dann dekomprimieren, da die Komprimierungsgeschwindigkeit im Allgemeinen relativ hoch ist , was die Zeit des Dateiübertragungsprozesses verkürzen und dadurch die Effizienz verbessern kann🎜
🎜Einfach ausgedrückt ist gzip eigentlich eine Methode, die zum Komprimieren von Daten zwischen dem Server (Backend) und dem Client (Frontend) verwendet wird. Methode 🎜

Welche Beziehung besteht zwischen gzip und zlib?

🎜zlib ist die Implementierungsbibliothek des DEFLATE-Algorithmus und seine API unterstützt auch gzipDas Dateiformat und ein vereinfachtes <strong>Datenfluss</strong>-Format 🎜<blockquote>🎜<code>DEFLATE verwendet sowohl den LZ77-Algorithmus als auch Huffman Huffman Coding ist ein verlustfreier Datenkomprimierungsalgorithmus🎜🎜gzip in der HTTP-Komprimierung, eine Technologie, die die Übertragung von beschleunigt HTML und andere Inhalte im World Wide Web🎜🎜Man kann also sagen, dass zlib einige Inhalte basierend auf gzip hinzufügt, was auch der Fall ist Grund, warum die gzip-Methode in node im integrierten Modul von zlib 🎜

Common Data Transferist > h2>🎜Wir verwenden node, um einen Server zu erstellen, um die übliche Art und Weise zu demonstrieren, wie wir Daten übertragen: 🎜🎜server.js🎜
const http = require("http");
const fs = require("fs");
// 导入内置模块zlib
const zlib = require("zlib");
// 获取gzip方法
const gzip = zlib.createGzip();
http.createServer((req, res) => {
    res.writeHead(200, {
        "Content-Type": "text/html;charset=utf-8",
        "Content-Encoding": "gzip", // 告诉浏览器我们是通过gzip压缩的
    });

    const readStream = fs.createReadStream("./index.html");
    // res本质就是一个可写流
    // 在数据返回之前使用gzip压缩数据
    readStream.pipe(gzip).pipe(res);
}).listen(3000, () => {
    console.log("服务器启动啦!");
});
🎜Dies ist ein einfacher node Server, nachdem der Browser darauf zugegriffen hat, gibt er eine index.html an uns zurück. Sie können den Inhalt in diese index.html schreiben, wie Sie möchten Je mehr Sie schreiben, desto mehr, desto besser🎜🎜Der stream stream im integrierten Modul fs, über den wir im vorherigen Abschnitt gesprochen haben, wird auch hier verwendet . Es sollte beachtet werden, dass der res-Parameter im node-Server im Wesentlichen ein beschreibbarer Stream ist, sodass wir res für <code>pipeIn der Pipeline🎜
🎜Wenn Sie nicht viel über den node-Aufbau eines Servers oder den stream-Flow wissen des integrierten Moduls fs können Sie mir vorlesen Vorheriger Artikel: Node.js | Nach dem Erstellen des Endservers (einschließlich der Verwendung des integrierten Moduls http | url | querystring)🎜Node.js | Lokale Dateien manipulieren – mit dem integrierten fs-Modul spielen🎜🎜
🎜Führen Sie den server.js-Datei und verwenden Sie den Browser, um auf den node-Server zuzugreifen: 🎜🎜Lassen Sie uns darüber sprechen, wie Sie das in Node integrierte Modul zlib für die GZIP-Komprimierung verwenden🎜🎜Ja. Sehen Sie, dass die Datengröße, die ich hier übergeben habe, 97,6 KB beträgt (dies hängt vom Inhalt ab). Ihrer index.html) 🎜

gzip-komprimierte Datenübertragung strong>

🎜Wir verwenden gzip, um das obige Beispiel umzuwandeln der gewöhnlichen Datenübertragung: 🎜🎜server.js🎜
const http = require("http");
const fs = require("fs");
// 导入内置模块zlib
const zlib = require("zlib");
// 获取gzip方法
const gzip = zlib.createGzip();
http.createServer((req, res) => {
    res.writeHead(200, {
        "Content-Type": "text/html;charset=utf-8",
        "Content-Encoding": "gzip", // 告诉浏览器我们是通过gzip压缩的
    });

    const readStream = fs.createReadStream("./index.html");
    // res本质就是一个可写流
    // 在数据返回之前使用gzip压缩数据
    readStream.pipe(gzip).pipe(res);
}).listen(3000, () => {
    console.log("服务器启动啦!");
});

先引入zlib内置模块,再使用zlib.createGzip()获取gzip方法,这个gzip方法实际也是一种数据流的格式,与node服务器中的res参数一样,这也是pipe管道中能直接使用gzip的原因

我们在将数据传递给res参数(客户端)之前,通过pipe管道的链式调用,将gzip加上

这样readStream(服务端)的数据会先经过gzip压缩,之后才会传递给res参数(客户端)

❗️ 需要注意的是:

http数据压缩的方式不止有gzip,还有其它的压缩方式,只不过gzip是最常见最常用的一种方式

所以我们服务端使用gzip将数据压缩后传递给浏览器时,浏览器并不知道我们是使用哪种方式压缩的数据,于是就不知道该以哪种方式进行解压,所以我们需要手动明确的告诉浏览器我们使用的是gzip,服务端加上以下响应头即可:

"Content-Encoding": "gzip", // 告诉浏览器我们是通过gzip压缩的

这样浏览器就能够正确解压我们传递的数据了,运行上面的server.js,打开浏览器访问我们的node服务器:

Lassen Sie uns darüber sprechen, wie Sie das in Node integrierte Modul zlib für die GZIP-Komprimierung verwenden

可以看到使用gzip压缩后我这里传递的数据大小只有27.5kb(这取决于你的index.html的内容),这与之前的97.6kb相比,数据传输速率大幅提升,这就是我们使用gzip的意义!

结语

这篇文章讲了node的一个非常实用的小模块zlibzlib大家可能之前没听过,但gzip应该都曾听过,gzip是请求数据传输性能优化的一种很好的方式,看完本篇文章,相信你会对gzip有了更深的理解

更多node相关知识,请访问:nodejs 教程

Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, wie Sie das in Node integrierte Modul zlib für die GZIP-Komprimierung verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.cn. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen