PWA คืออะไร
PWA คือ Progressive Web App เป็นเทคโนโลยีที่จะทำให้เว็บของเรา มีความใกล้เคียงกับ App บนมือถือมากยิ่งขึ้น รวมถึงความลื่นไหลในการใช้งาน, เข้าเมนูต่างๆอย่างง่ายดาย, การใช้งานเมื่ออยู่ใน Mode Offline, การทำ Push Notification ฯลฯ ในขณะเดียวกันก็เก็บข้อดีของเว็บไว้เช่น ความสดใหม่ของข้อมูล(อัพเดทกันได้ทันที ไม่ต้องไปอัพ App Store) และความเข้าถึงง่ายไม่ต้อง Install ให้ยุ่งยาก การทำงานของ PWA PWA มีจุดเด่น 2 เรื่องหลักคือ ServiceWorker กับ Manifest.json 1.ServiceWorker Source: Progressive Web App Roadshow 2016 ServiceWorker คือ การกำหนดให้ Cache สิ่งต่างๆที่จำเป็นในเว็บของเราไว้ ซึ่งเราสามารถกำหนดได้ว่าจะให้ Cache ส่วนไหนบ้าง หรือไม่ Cache ส่วนไหน Source: https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/ มองกันง่ายๆครับ เราอาจจะบอกให้ ServiceWorker แคช Header, ปุ่มต่างๆ ของเว็บไว้ เพื่อครั้งต่อไปที่เข้าเว็บไม่ต้องเสียเวลามานั่งโหลดเจ้า Element เหล่านั้นใหม่ แต่ในส่วนเนื้อหาเนี่ยให้ไม่ต้องแคช ให้ดึงออกมาใหม่ทุกครั้ง ห...