คำขอช่วงงาน

เมื่อส่งคำขอ คุณจะตั้งค่าส่วนหัว range ได้เพื่อให้เซิร์ฟเวอร์แสดงผลคำขอแบบเต็มเพียงบางส่วน วิธีนี้เป็นประโยชน์สำหรับไฟล์บางประเภท เช่น ไฟล์วิดีโอ ซึ่งผู้ใช้อาจเปลี่ยนตำแหน่งวิดีโอ

โมดูลนี้ทำหน้าที่อะไร

อาจมีสถานการณ์ที่คุณต้องการแสดงไฟล์ที่แคชไว้ แต่เบราว์เซอร์ได้ตั้งค่าส่วนหัว range ไว้ ปกติแล้ว ส่วนหัว จะถูกละเว้น

โมดูลนี้จะอ่านการตอบกลับที่แคชไว้และแสดงผลช่วงข้อมูลที่ระบุ

การใช้งานพื้นฐาน

คุณสามารถใช้คำขอช่วงของ Workbox ได้โดยการเพิ่มปลั๊กอินลงในกลยุทธ์ที่ต้องการตรวจสอบคำขอช่วง

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,
)