ในฐานะผู้ชื่นชอบเทคโนโลยี คุณอาจเคยอ่านบทความที่กล่าวถึง Progressive Web Apps (PWA) ว่ามันยอดเยี่ยมแค่ไหน เป็นอนาคตของแอปพลิเคชัน และทุกเว็บไซต์ควรจะมี PWA ของตัวเอง
แต่ PWA คืออะไรจริงๆ? Progressive Web Apps ไม่ได้ต่างจากเว็บแอปทั่วไปมากนัก แต่มีแนวคิดเฉพาะที่นักพัฒนาต้องปฏิบัติตาม
Progressive Web Apps คืออะไร?
Progressive Web Apps (PWA) คือเว็บแอปที่ทำงานในเบราว์เซอร์ของคุณ สร้างด้วย CSS, HTML และ JavaScript สามารถมอง PWA ได้ว่าเป็นการผสมผสานระหว่างเว็บไซต์มือถือและแอปพลิเคชัน นั่นคือเป็นไฮบริด
PWA ใช้เทคโนโลยีเว็บสมัยใหม่ ช่วยให้นักพัฒนาสร้างเว็บไซต์ที่ให้ประสบการณ์เหมือนแอปมือถือจริง ทำงานได้ดีกว่า ปลอดภัยกว่า และโหลดเร็วกว่า มันคือเว็บไซต์ทั่วไปแต่ดูเหมือนแอปพลิเคชันในมุมมองของผู้ใช้
PWA ยังใช้มาตรฐานเว็บล่าสุด และถูกสร้างให้ทำงานได้ถูกต้องและรวดเร็วบนเบราว์เซอร์เกือบทุกรุ่น
คุณสมบัติเด่นของ PWA
PWA โหลดได้ทันที ไม่ว่าการเชื่อมต่ออินเทอร์เน็ตจะช้าเพียงใด คุณแม้แต่ออฟไลน์ก็ยังใช้งานได้ แค่ไม่สามารถเข้าถึงเนื้อหาแบบไดนามิกได้เท่านั้น
การใช้งาน PWA แบบออฟไลน์
เพื่อใช้ PWA แบบออฟไลน์ คุณต้องเปิดใช้งานคุณสมบัททดลองของ Chrome โดยพิมพ์ chrome://flags/#bypass-app-banner-engagement-checks ในแถบที่อยู่ จากนั้นกดปุ่ม "Relaunch Now" ที่ด้านล่าง ครั้งต่อไปที่เข้าชมเว็บไซต์ที่รองรับ PWA คุณจะได้รับแจ้งให้ติดตั้ง
ขณะนี้ PWA ยังไม่ทำงานบน Safari/iOS หมายความว่าผู้ใช้ iOS ไม่ได้เพลิดเพลินกับโหมดออฟไลน์ การแจ้งเตือนแบบพุช หรือการติดตั้งบนหน้าจอหลัก หวังว่า Apple จะรองรับ PWA เร็วๆ นี้
ตัวอย่าง PWA ที่โดดเด่นคือเว็บไซต์ของ Twitter มีพรอมต์ "Add to homescreen" ลดการใช้ข้อมูล และโหลดเกือบทันทีด้วย Service Worker scripts
ความปลอดภัยของ PWA
เนื่องจากทำงานในเบราว์เซอร์ จึงไม่ต้องอาศัย App Store และใช้ HTTPS เสมอสำหรับความปลอดภัย หากเว็บไซต์ไม่รองรับ HTTPS จะไม่ได้คุณสมบัติเป็น PWA เว็บไซต์ต้องมีใบรับรอง SSL หรือ TLS ติดตั้งในเบราว์เซอร์
PWA พร้อมสำหรับทุกอุปกรณ์ ไม่ว่าจะเป็นโทรศัพท์ แท็บเล็ต หรือคอมพิวเตอร์ ด้วยโมเดล Shell คุณจะได้การนำทางและการโต้ตอบแบบแอปพลิเคชัน
คุณไม่ต้องกังวลเรื่องแอปที่ล้าสมัย เพราะกระบวนการอัปเดตของ Service Worker จะเก็บเนื้อหาให้ทันสมัยเสมอ PWA แชร์ได้ง่ายผ่าน URL และเก็บไว้บนหน้าจอหลักได้โดยไม่ต้องพึ่งพา App Store
ยังสามารถเพิ่มลงหน้าจอหลักมือถือและส่ง Push Notifications ได้ อีกทั้ง PWA ยังช่วยลดเวลาและต้นทุนการบำรุงรักษาสำหรับธุรกิจที่ใช้งาน
Firefox ตามรอย Chrome และใน Firefox 58 คุณจะได้เพลิดเพลินกับ PWA หากเข้าชมเว็บไซต์ที่มี Manifest ถูกต้องและใช้ HTTPS คุณจะเห็นสัญลักษณ์ในแถบที่อยู่ เมื่อเลือกจะเห็นข้อความ "Add to Home Screen" คุณจะไม่สูญเสียความคืบหน้าบนเว็บไซต์หากแตะลิงก์ภายนอกขณะเปิดแอปจากหน้าจอหลัก
PWA เทียบกับ Native Apps
PWA ดีกว่า Native Apps ในมุมที่นักพัฒนาไม่ต้องสร้างแอปสำหรับหลายแพลตฟอร์ม ประหยัดเวลาและเงินมากยิ่งขึ้น
นักพัฒนาต้องสร้างเพียงแอปเดียวที่ทำงานบนทุกแพลตฟอร์มและอุปกรณ์ปัจจุบัน ด้วย PWA คุณไม่ต้องติดตั้งอะไรก่อนใช้งาน ต่างจาก Native Apps
อย่างไรก็ตาม PWA ยังมีข้อจำกัด เพราะยังใหม่ค่อนข้างมาก ตัวอย่างเช่น ความสามารถในการผสานรวมกับฟีเจอร์ของแท็บเล็ตหรือสมาร์ทโฟนยังจำกัด ยังไม่สามารถผสานรวมกับ Bluetooth, ตัวตรวจนิ้วมือ, Accelerometer หรือ NFC ได้ ในตอนนี้ Native Apps ยังน่าเชื่อถือกว่า PWA แต่อนาคตจะต้องดูต่อไป
PWA และ Native Apps ไม่ได้ต่างกันมากนัก ทั้งคู่เปิดใช้งานจากหน้าจอหลักและให้ประสบการณ์ผู้ใช้/UI ที่คล้ายกันมาก
ข้อจำกัดของ PWA
PWA ควรจะเป็นอะไรใหญ่ๆ ถัดไป แต่ก็มีข้อบกพร่อง ไม่ทำงานบนเบราว์เซอร์บางตัว เช่น Edge, Safari, Internet Explorer และเบราว์เซอร์แบบกำหนดเอง PWA ทำงานได้บนเบราว์เซอร์รุ่นใหม่ เช่น Samsung Internet, Opera และ Chrome
ข้อจำกัดนี้ยังส่งผลต่ออุปกรณ์ด้วย เนื่องจากไม่ใช่ทุกอุปกรณ์รองรับ Android รองรับ PWA แต่ยังมีปัญหาการรองรับบางอย่างเพราะยังใหม่ iOS ปัจจุบันไม่รองรับ PWA เนื่องจากปัญหาการรองรับการแจ้งเตือนและการแจ้งเตือนทางลัดบนหน้าจอหลัก จนถึงตอนนี้ Apple ยังไม่ได้ประกาศอย่างเป็นทางการว่าจะนำ PWA มาใช้หรือไม่
หากการล็อกอินข้ามแอปพลิเคชันสำคัญสำหรับคุณ ควรหลีกเลี่ยง PWA เพราะไม่รองรับ เนื่องจากไม่สามารถรวบรวมข้อมูลได้ด้วยตนเอง
สรุป
PWA ยังค่อนข้างใหม่ และยังมีบริษัทหลายแห่งที่กำลังปรับตัวหรือคิดกำลังจะทำ แต่มันแน่นอนว่าเป็นอนาคต เพราะจะช่วยปรับปรุงประสบการณ์มือถือของผู้ใช้เท่านั้น
คุณคิดว่า PWA จะอยู่ต่อหรือจะจางหายไป? แชร์ความคิดเห็นในส่วนความคิดเห็นได้เลย
