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