今天就跟大家聊聊有關(guān)怎樣實(shí)現(xiàn)Node.js中的HTTP/2服務(wù)器推送，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括中寧網(wǎng)站建設(shè)、中寧網(wǎng)站制作、中寧網(wǎng)頁制作以及中寧網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，中寧網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到中寧省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

最近Node.js v8.4+版本發(fā)布帶來了體驗(yàn)版的HTTP/2，你可以自己通過設(shè)置參數(shù)--expose-http2啟動(dòng)。

關(guān)于HTTP/2

HTTP/2 的目的是通過支持完整的請求與響應(yīng)復(fù)用來減少延遲，通過有效壓縮 HTTP 標(biāo)頭字段將協(xié)議開銷降至最低，同時(shí)增加對請求優(yōu)先級(jí)和服務(wù)器推送的支持。

更多關(guān)于HTTP/2內(nèi)容，請查看文章HTTP/2。

服務(wù)器推送

HTTP/2 服務(wù)器推送（Server Push）允許服務(wù)器在瀏覽器請求之前將資源發(fā)送到瀏覽器。

在我們轉(zhuǎn)到HTTP/2之前，我們來看看它如何與HTTP/1配合使用：

在HTTP/1中，客戶端向服務(wù)器發(fā)送一個(gè)請求，服務(wù)器返回一個(gè)包含許多外部資源（.js，.css等文件）鏈接的HTML文件。當(dāng)瀏覽器處理這個(gè)初始HTML文件時(shí)，它開始解析這些鏈接，并分別加載它們。

查看下面的demo加載過程的圖像。 請注意時(shí)間表上的獨(dú)立請求以及這些請求的啟動(dòng)：

HTTP/1資源加載

這是HTTP/1的工作原理，這就是我們?nèi)绾伍_發(fā)這么多年的應(yīng)用程序。為什么要改變它呢？

當(dāng)前方法的問題是用戶必須等待瀏覽器解析響應(yīng)，發(fā)現(xiàn)鏈接并獲取資源。 這會(huì)延遲渲染并增加加載時(shí)間。 有一些解決方案，如內(nèi)聯(lián)一些資源，但也使得初始響應(yīng)越來越大。

這是HTTP/2服務(wù)器推送功能進(jìn)入視線的地方，因?yàn)榉?wù)器可以在瀏覽器請求之前將資源發(fā)送到瀏覽器。
看看下面的圖片，通過HTTP/2提供相同服務(wù)的網(wǎng)站。查看時(shí)間軸和啟動(dòng)器。 你可以看到HTTP/2復(fù)用減少了請求數(shù)量，并且資源與初始請求一起立即發(fā)送。

HTTP/2服務(wù)器推送

讓我們看看今天如何在Node.js中使用HTTP/2服務(wù)器推送，來加快客戶端的加載時(shí)間。

一個(gè)Node.js HTTP/2服務(wù)器推送案例

通過加載內(nèi)置的http2模塊，我們可以創(chuàng)建我們的服務(wù)器，就像我們使用https模塊一樣。

有趣的部分是在請求index.html時(shí)推送其他資源：

const http2 = require('http2') 
const server = http2.createSecureServer( 
 { cert, key },
 onRequest
)

function push (stream, filePath) { 
 const { file, headers } = getFile(filePath)
 const pushHeaders = { [HTTP2_HEADER_PATH]: filePath }

 stream.pushStream(pushHeaders, (pushStream) => {
 pushStream.respondWithFD(file, headers)
 })
}

function onRequest (req, res) { 
 // Push files with index.html
 if (reqPath === '/index.html') {
 push(res.stream, 'bundle1.js')
 push(res.stream, 'bundle2.js')
 }

 // Serve file
 res.stream.respondWithFD(file.fileDescriptor, file.headers)
}

這樣bundle1.js和bundle2.js資源即使在它要求它們之前也會(huì)被發(fā)送到瀏覽器。

你可以查看完整的案例：https://github.com/RisingStack/http2-push-example

HTTP/2 & Node

HTTP/2可以幫助我們在很多方面優(yōu)化我們的客戶端與服務(wù)器之間的通信。

通過服務(wù)器推送，我們可以將資源發(fā)送到瀏覽器，減少用戶的初始加載時(shí)間。

看完上述內(nèi)容，你們對怎樣實(shí)現(xiàn)Node.js中的HTTP/2服務(wù)器推送有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

分享標(biāo)題：怎樣實(shí)現(xiàn)Node.js中的HTTP/2服務(wù)器推送
本文URL：http://m.rwnh.cn/article36/jiposg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、品牌網(wǎng)站制作、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)