ข้ามไปยังเนื้อหา

Glossary

EnglishThai Styleหมายเหตุ
Progressive Web App (PWA)PWAเว็บแอปที่เพิ่ม API สมัยใหม่ให้ทำสิ่งที่ native app ทำได้
CapableCapableหนึ่งในสามเสาหลัก — เข้าถึง device API ได้
ReliableReliableหนึ่งในสามเสาหลัก — โหลดได้ทันทีและทนทานต่อ offline
InstallableInstallableหนึ่งในสามเสาหลัก — เพิ่มไปยัง home screen/desktop ได้
Secure Contextsecure contextenvironment ที่ผ่านเกณฑ์ HTTPS/localhost ตาม spec
App Shellapp shellโครง UI ที่ precache ไว้ แยกจาก dynamic content
EnglishThai Styleหมายเหตุ
Service Workerservice workerscript ที่ทำหน้าที่เป็น network proxy ระหว่างหน้าเว็บกับ network
Register / Registrationregister / registrationการลงทะเบียน service worker กับ browser
Scopescopeขอบเขต URL ที่ service worker ควบคุม
Lifecyclelifecycleสถานะ install → waiting → activating → activated → redundant
skipWaitingskipWaitingเรียก activate service worker ใหม่ทันทีโดยไม่รอ tab เก่าปิด
clients.claimclients.claimให้ service worker ใหม่เข้าควบคุม client ที่เปิดอยู่ทันที
Fetch Eventfetch eventevent ที่ยิงทุกครั้งที่มี network request ผ่าน service worker
EnglishThai Styleหมายเหตุ
Cache Storage APICache Storage APIAPI เก็บ Request/Response pair ในเครื่อง
Cache-Firstcache-firststrategy ที่ตอบจาก cache ก่อนเสมอ
Network-Firstnetwork-firststrategy ที่ลอง network ก่อนเสมอ
Stale-While-Revalidatestale-while-revalidate (SWR)ตอบจาก cache ทันทีพร้อมอัปเดตเบื้องหลัง
Precacheprecachecache asset ล่วงหน้าตอน install
Runtime Cacheruntime cachecache ที่เติมระหว่างการใช้งานจริง
WorkboxWorkboxlibrary จากทีม Chrome สำหรับจัดการ caching strategy
EnglishThai Styleหมายเหตุ
Web App Manifestweb app manifestไฟล์ JSON ที่อธิบายแอปให้ browser รู้จัก
Iconiconรูปภาพของแอปในหลายขนาด
Maskable Iconmaskable iconicon ที่เผื่อ safe zone สำหรับ adaptive icon ของ Android
Display Modedisplay modeค่าที่กำหนดว่าแอปแสดงแบบ standalone/browser/fullscreen
start_urlstart_urlURL ที่เปิดเมื่อผู้ใช้เปิดแอปจาก home screen
Theme Colortheme colorสีที่ควบคุม browser UI/status bar
Install Promptinstall promptUI ที่ให้ผู้ใช้กดติดตั้ง PWA
beforeinstallpromptbeforeinstallpromptevent ที่ browser ยิงก่อนแสดง install prompt เริ่มต้น
EnglishThai Styleหมายเหตุ
IndexedDBIndexedDBdatabase ฝั่ง client สำหรับเก็บข้อมูลแบบมีโครงสร้าง
Background SyncBackground SyncAPI ให้ retry request ที่ล้มเหลวอัตโนมัติ
Periodic Background SyncPeriodic Background SyncAPI ปลุก service worker เป็นระยะเพื่อรีเฟรชข้อมูล
Offline Fallbackoffline fallbackหน้าสำรองที่แสดงเมื่อ navigation request ล้มเหลว
Push APIPush APIAPI ให้ server ส่งข้อความมาแม้แอปไม่ได้เปิดอยู่
Notifications APINotifications APIAPI แสดง system-level notification
App Badging APIApp Badging APIAPI แสดงตัวเลข/จุดบน icon ของแอปที่ install แล้ว
Share TargetShare Targetให้แอปรับ content ที่แชร์มาจากแอปอื่น
EnglishThai Styleหมายเหตุ
vite-plugin-pwavite-plugin-pwaplugin มาตรฐานสำหรับเพิ่ม PWA ให้แอปที่ใช้ Vite
@vite-pwa/astro@vite-pwa/astrointegration ของ Vite PWA สำหรับ Astro
@vite-pwa/sveltekit@vite-pwa/sveltekitintegration ของ Vite PWA สำหรับ SvelteKit
registerTyperegisterTypeตั้งค่าว่า service worker อัปเดตแบบ autoUpdate หรือ prompt
generateSWgenerateSWmode ที่ Workbox generate service worker ให้อัตโนมัติ
injectManifestinjectManifestmode ที่เขียน service worker เองแล้ว inject precache manifest
หลีกเลี่ยงใช้แทน
browserbrowser
ไอคอนicon
เซิร์ฟเวอร์server
แอปพลิเคชันapplication / แอป
การลงทะเบียน (service worker context)register / registration
สเตตแมชชีนstate machine