เจาะลึกเกี่ยวกับโมดูล Workbox ที่เจาะจงและเรียกดูเอกสารอ้างอิง API ของโมดูลนั้นเพื่อดูข้อมูลเกี่ยวกับวิธีที่มี
แพ็กเกจ Service Worker
- workbox-background-sync
- ใช้การซิงค์ในเบื้องหลังเพื่อส่งคำขอเครือข่ายที่เชื่อถือได้ แม้ว่าผู้ใช้จะออฟไลน์อยู่
- workbox-broadcast-update
- ส่งข้อความไปยังหน้าเว็บเมื่อมีการอัปเดตแคชด้วยการตอบสนองใหม่
- workbox-cacheable-response
- จำกัดคำขอที่แคชไว้โดยอิงตามรหัสสถานะหรือส่วนหัวของการตอบกลับ
- Workbox-core
- ปรับระดับบันทึกและเปลี่ยนชื่อแคช มีโค้ดที่แชร์ซึ่งไลบรารี Workbox ทั้งหมดใช้
- การหมดอายุของ Workbox
- นำคำขอที่แคชไว้ออก โดยอิงตามจำนวนรายการในแคชหรืออายุของคำขอที่แคช
- workbox-google-analytics
- รองรับการเล่นการโต้ตอบ Google Analytics แบบออฟไลน์ซ้ำ
- workbox-navigation-preload
- เปิดใช้การโหลดการนำทางล่วงหน้า เพื่อให้รับการตอบสนองของเครือข่ายสำหรับคำขอการนำทางได้เร็วขึ้น
- การแคชพื้นที่ทำงานล่วงหน้า
- แคชชุดไฟล์ล่วงหน้าได้อย่างง่ายดายและจัดการการอัปเดตไฟล์ได้อย่างมีประสิทธิภาพ
- workbox-range-requests
- โมดูลนี้รองรับการตอบสนองคำขอ "ช่วง:" โดยใช้ส่วนของข้อมูลที่แคชไว้ก่อนหน้านี้
- สูตรสำหรับเวิร์กบ็อกซ์
- ใช้รูปแบบเวิร์กบ็อกซ์ทั่วไปได้ง่ายๆ โดยไม่ต้องตั้งค่าจากแพ็กเกจเดี่ยวๆ
- การกำหนดเส้นทางกล่องงาน
- กำหนดเส้นทางคำขอใน Service Worker ไปยังกลยุทธ์การแคชหรือฟังก์ชันเรียกกลับที่เฉพาะเจาะจง
- เวิร์กบ็อกซ์-กลยุทธ์
- ชุดกลยุทธ์การแคชรันไทม์ที่จะจัดการกับการตอบสนองต่อคำขอ ซึ่งปกติจะใช้กับ "การเปลี่ยนเส้นทางกล่องทำงาน"
แพ็คเกจหน้าต่าง
- หน้าต่างพื้นที่ทำงาน
- โมดูลที่ช่วยในการลงทะเบียน Service Worker จัดการการอัปเดต และตอบสนองต่อเหตุการณ์ในวงจร
โมดูล Node.js
- workbox-cli
- สร้าง Service Worker แทรกไฟล์ Manifest ของ Precache หรือสร้างสำเนาไลบรารี Workbox ไว้ในเครื่องจากบรรทัดคำสั่ง
- Workbox-build
- โมดูลที่สร้าง Service Worker แทรกไฟล์ Manifest ของแคชล่วงหน้าลงในโค้ดที่มีอยู่ หรือสร้างไฟล์ Manifest สำหรับแคชล่วงหน้า
- ปลั๊กอิน Workbox-webpack
- สร้าง Service Worker หรือแทรกไฟล์ Manifest สำหรับแคชล่วงหน้าโดยใช้เครื่องมือสร้าง Webpack
ตัวโหลด (CDN)
- workbox-sw
- มอบวิธีโหลดรันไทม์ของ Workbox โดยไม่ต้องมีขั้นตอนการสร้าง