Nginx的設定檔怎麼分段下載

這次帶給大家Nginx的設定檔怎麼分段下載，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超過檔案尺寸                                        

了本文案例時你已掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

IView中on-change屬性如何使用

vue對storejs取得資料處理的步奏詳解

以上是Nginx的設定檔怎麼分段下載的詳細內容。更多資訊請關注PHP中文網其他相關文章！