Node.JS段點(diǎn)續(xù)傳:Nginx配置文件分段下載功能的實(shí)現(xiàn)方法
Html5 提供了一個(gè)新的 Range 標(biāo)簽來實(shí)現(xiàn)文件的分段下載。在Node.JS中可以配置這個(gè)標(biāo)簽來實(shí)現(xiàn)文件的分段下載。
Header標(biāo)簽
請求 Request Header: 下載 3744 以后的文件內(nèi)容
range: bytes=3744-
返回 Response Header: 文件總長 15522643 個(gè)字節(jié)
accept-ranges': 'bytes' content-range': 'bytes */15522643'
Nginx配置
首先要配置Nginx支持range標(biāo)簽返回,很簡單添加 add_header Accept-Ranges bytes; 這一行即可
server {
listen 80;
server_name adksdf.com;
location ~ ^/(img/|js/|css/|upload/|font/|fonts/|res/|icon) {
add_header Access-Control-Allow-Origin *;
add_header Accept-Ranges bytes;
root /var/www/...;
access_log off;
expires max;
}
...
}
啟用以后,如果node.js端發(fā)送了含有 range header的請求信息,那么nginx會(huì)返回含有range相關(guān)的信息:
這是一段完整的Response Header,注意這里的 content-length 不是文件的總長度,而是當(dāng)前 range 的長度。
{ server: 'nginx',
date: 'Wed, 24 Jan 2018 02:43:20 GMT',
'content-type': 'application/zip',
'content-length': '12420187',
'last-modified': 'Tue, 16 Jan 2018 12:09:47 GMT',
connection: 'close',
etag: '"5a5deb8b-ecdb53"',
expires: 'Thu, 31 Dec 2037 23:55:55 GMT',
'cache-control': 'max-age=315360000',
'access-control-allow-origin': '*',
'accept-ranges': 'bytes',
'content-range': 'bytes 3102456-15522642/15522643' }
可以根據(jù)這個(gè)header中的content-range來獲取文件的總大小。
Node.JS實(shí)現(xiàn)
這段示例先檢測本地下了一半的文件,然后以 'r+' 讀寫模式創(chuàng)建文件流,并將response流寫入文件。
這里將表態(tài)文件添加 range 的支持。
var reqOptions = { url: packageUrl, headers: {} }
var filepath = '/path/to/your/part/file'
var fileOptions = {}
fs.stat(filepath, function(err, states) {
if (states) {
//Range: bytes=3744-
reqOptions.headers['range'] = 'bytes=' + states.size + '-'
fileOptions = { start: states.size, flags: 'r+' }
}
//創(chuàng)建 http 對象方法
var reqUrl = reqOptions.url
var urlObj = url.parse(reqUrl)
var options = {
hostname : urlObj.hostname
, port : urlObj.port
, path : urlObj.pathname
, headers : reqOptions.headers || {}
}
var req = http.request(options, function(res) {
var receives = []
var err = null
var statusCode = res.statusCode
var headers = res.headers
var ws = fs.createWriteStream(filepath, fileOptions)
ws.on('error', function(e) {
console.log('ws error', e)
})
res.on('data', function(chrunk) {
ws.write(chrunk)
})
res.on('error', function(err) {
ws.end()
})
res.on('end', function() {
ws.end()
})
})
req.on('error', function(e) {
cb && cb(e, null, {})
})
req.end()
...
})
返回Header
在請求nginx可能會(huì)返回其他status code,比如說 206或416,含意如下:
206 Partial Content
返回的是部分文件內(nèi)容
416 Requested Range Not Satisfiable
請求的range超過文件尺寸
總結(jié)
以上所述是小編給大家介紹的Node.JS段點(diǎn)續(xù)傳:Nginx配置文件分段下載功能的實(shí)現(xiàn)方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
node.js使用express-fileupload中間件實(shí)現(xiàn)文件上傳
本文使用express作為服務(wù)端,使用express-fileupload庫提供的中間件函數(shù)來接受從客戶端傳來的圖片,并將圖片作為文件存儲(chǔ)在服務(wù)端,感興趣的可以了解一下2021-07-07
Nodejs中session的簡單使用及通過session實(shí)現(xiàn)身份驗(yàn)證的方法
session的本質(zhì)使用cookie來實(shí)現(xiàn)。本文給大家介紹Nodejs中session的簡單使用及通過session實(shí)現(xiàn)身份驗(yàn)證的方法,對node.js session相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-02-02
puppeteer實(shí)現(xiàn)html截圖的示例代碼
通過Puppeteer的提供的api直接控制Chrome模擬大部分用戶操作來進(jìn)行UI Test或者作為爬蟲訪問頁面來收集數(shù)據(jù),這篇文章主要介紹了puppeteer實(shí)現(xiàn)截圖的示例代碼,感興趣的可以了解一下2019-01-01
nodejs和php實(shí)現(xiàn)圖片訪問實(shí)時(shí)處理
這篇文章主要為大家詳細(xì)介紹了nodejs和php分別實(shí)現(xiàn)圖片訪問實(shí)時(shí)處理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01
如何開發(fā)一個(gè)漸進(jìn)式Web應(yīng)用程序PWA
這篇文章主要介紹了如何開發(fā)一個(gè)漸進(jìn)式Web應(yīng)用程序PWA,對漸進(jìn)式Web應(yīng)用程序感興趣的同學(xué),可以參考下2021-05-05
Node事件的監(jiān)聽與觸發(fā)的實(shí)現(xiàn)
Node.js是由事件驅(qū)動(dòng)的,每個(gè)任務(wù)都可以當(dāng)作一個(gè)事件來處理,本文主要介紹了Node事件的監(jiān)聽與觸發(fā)的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2024-04-04
node.js實(shí)現(xiàn)端口轉(zhuǎn)發(fā)
這篇文章主要為大家詳細(xì)介紹了node.js實(shí)現(xiàn)端口轉(zhuǎn)發(fā)的關(guān)鍵代碼,感興趣的小伙伴們可以參考一下2016-04-04

