2021-05-12 14:32:11
深入理解HTTP 響應的分塊傳輸
Transfer-Encoding
響應頭用於告訴用戶端伺服器傳送內容的編碼格式。
其可選值有:
chunked
:資料分塊傳送。此時應預設Content-Length
響應頭。compress
:使用 Lempel-Ziv-Welch 演算法進行傳輸的格式,目前沒有瀏覽器在支援。deflate
:使用 deflate 壓縮演算法 zlib 結構。gzip
:使用 Lempel-Ziv coding 編碼的壓縮格式。identity
:標識身份函數(e.g. no compression, nor modification)。
也可以同時指定多個值,用逗號分隔,像這樣:Transfer-Encoding: gzip, chunked
。
其中,chunked
就比較有意思了。它表示伺服器下發到用戶端的內容不是一次性完成的,而是分成一小塊一小塊(trunk)下發,過程中用戶端與伺服器的連線仍然維持不會斷開。
在 Web Socket 沒出來前,可利用這一機制實現長連線的效果。
範例
以 Node.js 為例的 Transfer-Encoding: gzip, chunked
範例:
···js
var http = require(“http”);
function generateChunk(index, response) {
setTimeout(() => {
if (index === 5) {
response.write(“end”);
response.end(““);
} else {
response.write(<p> chunk ${index}</p>
);
}
}, index * 1000);
}
function handlerRequest(_request, response) {
response.setHeader(“Content-Type”, “text/html; charset=UTF-8”);
response.setHeader(“Transfer-Encoding”, “chunked”);
response.write(<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTTP 分塊傳輸範例</title> </head> <body> <h1>HTTP 分塊傳輸範例</h1>
);
let index = 0;
while (index <= 5) {
generateChunk(index, response);
index++;
}
}
const server = http.createServer(handlerRequest);
server.listen(3000);
console.log(“server started at http://localhost:3000“);
```
Transfer-Encoding:chunked 分塊傳輸範例
總結
HTTP/2 中已經不支援 chunked
這一格式了,因為其本身提供了更加高階的流機制來實現類似功能。
相關資源
- MDN - Transfer-Encoding
- How HTTP Chunked Encoding was killing a request
- Sending chunked responses #593
- GitHub Gist - Simple Node.js server which responds in chunked transfer encoding
- Node.js - response.write(chunk[, encoding][, callback])
相關文章