Node.JS段点续传：Nginx配置文件分段下载功能的实现方法

Node.JS段点续传：Nginx配置文件分段下载功能的实现方法_node.js

亚连

Lepaskan： 2018-05-31 09:58:37

asal

2442 orang telah melayarinya

在Node.JS中可以配置这个标签来实现文件的分段下载。这篇文章给大家介绍了Node.JS段点续传：Nginx配置文件分段下载功能的实现方法，需要的朋友参考下吧

Html5 提供了一个新的 Range 标签来实现文件的分段下载。在Node.JS中可以配置这个标签来实现文件的分段下载。

Header标签

请求 Request Header: 下载 3744 以后的文件内容

range: bytes=3744-

Salin selepas log masuk

返回 Response Header: 文件总长 15522643 个字节

accept-ranges&#39;: &#39;bytes&#39;
content-range&#39;: &#39;bytes */15522643&#39;

Salin selepas log masuk

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;
 }
 ...
}

Salin selepas log masuk

启用以后，如果node.js端发送了含有 range header的请求信息，那么nginx会返回含有range相关的信息：

这是一段完整的Response Header，注意这里的 content-length 不是文件的总长度，而是当前 range 的长度。

{ server: &#39;nginx&#39;,
 date: &#39;Wed, 24 Jan 2018 02:43:20 GMT&#39;,
 &#39;content-type&#39;: &#39;application/zip&#39;,
 &#39;content-length&#39;: &#39;12420187&#39;,
 &#39;last-modified&#39;: &#39;Tue, 16 Jan 2018 12:09:47 GMT&#39;,
 connection: &#39;close&#39;,
 etag: &#39;"5a5deb8b-ecdb53"&#39;,
 expires: &#39;Thu, 31 Dec 2037 23:55:55 GMT&#39;,
 &#39;cache-control&#39;: &#39;max-age=315360000&#39;,
 &#39;access-control-allow-origin&#39;: &#39;*&#39;,
 &#39;accept-ranges&#39;: &#39;bytes&#39;,
 &#39;content-range&#39;: &#39;bytes 3102456-15522642/15522643&#39; }

Salin selepas log masuk

可以根据这个header中的content-range来获取文件的总大小。

Node.JS实现

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

这里将表态文件添加 range 的支持。

var reqOptions = { url: packageUrl, headers: {} }
var filepath  = &#39;/path/to/your/part/file&#39;
var fileOptions = {}
fs.stat(filepath, function(err, states) {
 if (states) {
  //Range: bytes=3744-
  reqOptions.headers[&#39;range&#39;] = &#39;bytes=&#39; + states.size + &#39;-&#39;
  fileOptions = { start: states.size, flags: &#39;r+&#39; }
 }
 //创建 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(&#39;error&#39;, function(e) {
   console.log(&#39;ws error&#39;, e)
  })
  res.on(&#39;data&#39;, function(chrunk) {
   ws.write(chrunk)
  })
  res.on(&#39;error&#39;, function(err) {
   ws.end()
  })
  res.on(&#39;end&#39;, function() {
   ws.end()
  })
 })
 req.on(&#39;error&#39;, function(e) {
  cb && cb(e, null, {})
 })
 req.end()
 ...
})

Salin selepas log masuk

返回Header

在请求nginx可能会返回其他status code，比如说 206或416，含意如下：

206 Partial Content

返回的是部分文件内容

416 Requested Range Not Satisfiable

请求的range超过文件尺寸

上面是我整理给大家的，希望今后会对大家有帮助。

vue 多入口文件搭建 vue多页面搭建的实例讲解

一种angular的方法级的缓存注解（装饰器）

解决vue 路由变化页面数据不刷新的问题

Atas ialah kandungan terperinci Node.JS段点续传：Nginx配置文件分段下载功能的实现方法_node.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!