这次给大家带来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超过文件尺寸
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
iview中on-change属性如何使用
vue对storejs获取数据进行处理的步奏详解
以上就是nginx的配置文件怎样分段下载的详细内容。