> 웹 프론트엔드 > JS 튜토리얼 > Node.JS 세그먼트 재개 다운로드: Nginx 구성 파일 세그먼트 다운로드 구현 방법 function_node.js

Node.JS 세그먼트 재개 다운로드: Nginx 구성 파일 세그먼트 다운로드 구현 방법 function_node.js

亚连
풀어 주다: 2018-05-31 09:58:37
원래의
2442명이 탐색했습니다.

이 태그는 Node.JS에서 구성하여 분할된 파일 다운로드를 구현할 수 있습니다. 이 글에서는 Node.JS 분할 다운로드에 대해 소개합니다: Nginx 구성 파일의 분할 다운로드 기능을 구현하는 방법. 필요한 친구는 이를 참조할 수 있습니다

Html5는 파일의 분할 다운로드를 구현하기 위한 새로운 Range 태그를 제공합니다. 이 태그는 Node.JS에서 구성하여 파일의 분할된 다운로드를 구현할 수 있습니다.

헤더 태그

요청 요청 헤더: 3744

range: bytes=3744-
로그인 후 복사

이후 파일 콘텐츠 다운로드 반환 응답 헤더: 총 파일 길이는 15522643바이트

accept-ranges': 'bytes'
content-range': 'bytes */15522643'
로그인 후 복사

Nginx 구성

먼저 범위 태그 반환을 지원하도록 Nginx를 구성해야 합니다.

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;
 }
 ...
}
로그인 후 복사

이 줄을 추가하는 것은 매우 간단합니다. 범위 헤더가 포함된 요청 정보를 전송하면 nginx는 범위와 관련된 정보를 반환합니다.

이것은 완전한 응답 헤더입니다. 여기서 content-length 는 파일의 전체 길이가 아니라 현재 범위의 길이입니다.

{ 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' }
로그인 후 복사

이 헤더의 콘텐츠 범위에 따라 파일의 전체 크기를 얻을 수 있습니다.

Node.JS 구현

이 예제에서는 먼저 로컬에서 절반만 다운로드된 파일을 감지한 다음 'r+' 읽기-쓰기 모드에서 파일 스트림을 생성하고 응답 스트림을 파일에 씁니다.

여기서 명령문 파일에 범위 지원을 추가하겠습니다.

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()
 ...
})
로그인 후 복사

Return Header

nginx를 요청하면 206 또는 416과 같은 다른 상태 코드가 반환될 수 있으며 의미는 다음과 같습니다. 416 요청한 범위가 만족스럽지 않습니다

요청한 범위가 파일 크기를 초과합니다

위 내용은 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:


vue 다중 항목 파일 구성 vue 다중 페이지 구성에 대한 설명 예

Angular 메서드 수준 캐시 주석(데코레이터)

Vue 라우팅 변경 페이지 데이터 새로 고침에 대한 솔루션 문제


위 내용은 Node.JS 세그먼트 재개 다운로드: Nginx 구성 파일 세그먼트 다운로드 구현 방법 function_node.js의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿