[聚合文章] Node.JS段点续传:Nginx配置文件分段下载功能实现

JavaScript 2018-01-23 23 阅读

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实现

这段示例先检测本地下了一半的文件,然后以 'r+' 读写模式创建文件流,并将response流写入文件。

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超过文件尺寸

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。