เมื่อพูดถึงการสร้างเว็บ เราควรทราบรูปแบบสถาปัตยกรรม 2 รูปแบบ
เช่น เว็บไซต์ "แบบดั้งเดิม" หรือที่เรียกว่าแอปพลิเคชันหลายหน้า (MPA) คือกลุ่มหน้าเว็บที่ผู้ใช้ผ่านการนำทางผ่านคำขอการนำทางแบบดั้งเดิม เว็บไซต์แบบคงที่เป็นตัวอย่างที่ดีของรูปแบบสถาปัตยกรรมนี้ แม้แต่เว็บไซต์ที่ขับเคลื่อนด้วย CMS เช่น เว็บไซต์บล็อกและเว็บไซต์การตลาด ก็เป็นตัวอย่างของสไตล์ลักษณะนี้เช่นกัน
และมีรูปแบบแอปพลิเคชันหน้าเว็บเดียว (SPA) ที่ "ทันสมัย" ซึ่งคำขอการนำทางเพียงรายการเดียวจะเป็นคำขอแรก สถาปัตยกรรม SPA มักจะแสดงมาร์กอัปขั้นต่ำในคำขอการนำทางเริ่มต้น ซึ่งสร้างขึ้นจากข้อมูลที่ได้จาก API ฝั่งเซิร์ฟเวอร์ จากนั้นข้อมูลนี้จะปรากฏในมาร์กอัปที่แสดงผลโดยไคลเอ็นต์ซึ่งเราเตอร์ฝั่งไคลเอ็นต์จัดเตรียมไว้สำหรับการนำทางที่ตามมาทุกครั้ง
ไม่ว่าคุณจะชอบสไตล์ไหน การจับคู่สถาปัตยกรรมที่ระบุกับการใช้งาน Service Worker ที่เหมาะสมเป็นกุญแจสำคัญในการรับรองความน่าเชื่อถือและประสิทธิภาพในระดับสูง การออกแบบโปรแกรมทำงานแบบปลายเปิดและ Workbox โดยส่วนขยายทำให้มีความยืดหยุ่นมากในการจัดการคำขอสำหรับสินทรัพย์ ทั้งยังสามารถปรับเทคโนโลยีให้เหมาะกับรูปแบบสถาปัตยกรรมใดก็ตามที่คุณต้องการ
ในการเริ่มต้น เรามาพูดถึงสิ่งที่ต้องใช้ในการสร้าง Service Worker ที่ทำงานได้ดีที่สุดกับ SPA กันก่อน จากนั้น เมื่อคุณพร้อมที่จะลองใช้รูปแบบที่ขยายรูปแบบการนำทางเริ่มต้นของเบราว์เซอร์ในขณะที่แสดงผลเร็วมาก โปรดอ่านคำแนะนำในการสร้างโปรแกรมทำงานของบริการสตรีมมิงสำหรับแอปพลิเคชันหลายหน้า