yêu cầu phạm vi hộp công việc

Khi đưa ra yêu cầu, bạn có thể đặt tiêu đề range để yêu cầu máy chủ chỉ trả về một phần của yêu cầu đầy đủ. Điều này hữu ích đối với một số tệp như tệp video, trong đó người dùng có thể thay đổi vị trí phát video.

Mô-đun này có chức năng gì?

Có thể có trường hợp bạn muốn phân phát một tệp được lưu vào bộ nhớ đệm nhưng trình duyệt đã đặt tiêu đề range. Thông thường, tiêu đề sẽ bị bỏ qua.

Mô-đun này sẽ đọc phản hồi được lưu vào bộ nhớ đệm và trả về phạm vi dữ liệu chỉ định.

Cách sử dụng cơ bản

Bạn có thể sử dụng Yêu cầu phạm vi hộp công việc bằng cách thêm trình bổ trợ vào chiến lược mà bạn muốn kiểm tra các yêu cầu phạm vi.

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(),
    ],
  });
);

Cách sử dụng nâng cao

Nếu muốn sử dụng logic này bên ngoài Trình bổ trợ, bạn có thể sử dụng hàm createPartialResponse().

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

createPartialResponse(request, cachedResponse);

Để biết thêm thông tin, hãy xem tài liệu tham khảo.

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