首頁 >web前端 >js教程 >Node.JS段點續傳:Nginx設定檔分段下載功能的實作方法_node.js

Node.JS段點續傳:Nginx設定檔分段下載功能的實作方法_node.js

亚连
亚连原創
2018-05-31 09:58:372420瀏覽

在Node.JS中可以配置這個標籤來實現檔案的分段下載。這篇文章為大家介紹了Node.JS段點續傳:Nginx設定檔分段下載功能的實作方法,需要的朋友參考下吧

Html5 提供了一個新的Range 標籤來實現檔案的分段下載。在Node.JS中可以配置這個標籤來實現檔案的分段下載。

Header標籤

請求Request Header: 下載3744 以後的檔案內容

range: bytes=3744-

傳回Response Header: 檔案總長15522643 個位元組

#
accept-ranges': 'bytes'
content-range': 'bytes */15522643'

##Nginx設定

#首先要配置Nginx支援range標籤返回,很簡單添加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端發送了含有range header的請求訊息,那麼nginx會傳回含有range相關的訊息:

這是完整的Response Header,注意這裡的

content-length

不是文件的總長度,而是當前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' }

可以根據這個header中的content-range來取得檔案的總大小。

Node.JS實作這段範例先偵測本地下了一半的文件,然後以'r ' 讀寫模式建立文件流,並將response流寫入檔案。

這裡將表態檔案加入 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+' }
 }
 //创建 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可能會傳回其他status code,例如說206或416,含意如下:

206 Partial Content

傳回的是部分檔案內容

416 Requested Range Not Satisfiable

#請求的range超過檔案尺寸


上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

vue 多入口檔案建構vue多頁面所建構的實例講解


一種angular的方法層級的快取註解(裝飾器)


解決vue 路由變更頁面資料不刷新的問題


以上是Node.JS段點續傳:Nginx設定檔分段下載功能的實作方法_node.js的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn