작업 상자 범위 요청

요청 시 서버에 전체 요청의 일부만 반환하도록 range 헤더를 설정할 수 있습니다. 이는 사용자가 동영상 재생 위치를 변경할 수 있는 동영상 파일과 같은 특정 파일에 유용합니다.

이 모듈은 어떤 역할을 하나요?

캐시된 파일을 제공하려고 하지만 브라우저에서 range 헤더를 설정한 경우가 있을 수 있습니다. 일반적으로 헤더는 무시됩니다.

이 모듈은 캐시된 응답을 읽고 지정된 데이터 범위를 반환합니다.

기본 사용법

범위 요청을 확인할 전략에 플러그인을 추가하여 작업 상자 범위 요청을 사용할 수 있습니다.

import {registerRoute} from 'workbox-routing';
import {CacheFirst} from 'workbox-strategies';
import {RangeRequestsPlugin} from 'workbox-range-requests';

registerRoute(
  ({url}) => url.pathname.endsWith('.mp4'),
  new CacheFirst({
    plugins: [
      new RangeRequestsPlugin(),
    ],
  });
);

고급 사용법

플러그인 외부에서 이 로직을 사용하려면 createPartialResponse() 함수를 사용하면 됩니다.

import {createPartialResponse} from 'workbox-range-requests';

createPartialResponse(request, cachedResponse);

자세한 내용은 참조 문서를 확인하세요.

workbox-range-requests.createPartialResponse(
  request: Request,
  originalResponse: Response,
)