โฮมเพจ » ทำอย่างไร » แอพพลิเคชั่นบนเว็บแบบก้าวหน้าคืออะไร

    แอพพลิเคชั่นบนเว็บแบบก้าวหน้าคืออะไร

    เคยหวังว่าเว็บแอปพลิเคชั่นมีลักษณะเหมือนแอพจริง ๆ ไหม? Progressive Web Apps เป็นเทคโนโลยีใหม่ที่มีเป้าหมายที่จะทำให้มันเกิดขึ้น.

    เวอร์ชั่นย่อ: เว็บแอปก้าวหน้าคืออะไร?

    นี่คือบทสรุปโดยย่อ: Google, Microsoft, Mozilla และ บริษัท อื่น ๆ กำลังทำงานบนมาตรฐานเว็บแอปพลิเคชันใหม่ที่ทันสมัย แม้แต่ Apple ก็กำลังติดตามและสนับสนุนการใช้งานอยู่ แอปพลิเคชันเหล่านี้เป็นเว็บแอป แต่ทำงานได้เหมือนแอพทั่วไป เช่นเดียวกับเว็บแอปที่มีอยู่พวกเขาจะถูกโฮสต์โดยตรงบนเว็บไซต์ที่เกี่ยวข้อง นักพัฒนาสามารถอัปเดตพวกเขาโดยตรงบนเว็บเซิร์ฟเวอร์โดยไม่ต้องส่งอัปเดตเหล่านั้นไปยังร้านค้าแอพที่ต่างกันและแอพเดียวกันจะทำงานบนเบราว์เซอร์และแพลตฟอร์มทั้งหมด.

    เมื่อคุณติดตั้งแอปเว็บโปรเกรสซีฟคุณจะได้รับหน้าจอหลักทาสก์บาร์หรือทางลัดบนเดสก์ท็อปที่เปิดใช้แอป (ขึ้นอยู่กับแพลตฟอร์มของคุณ) แอปจะโหลดอย่างรวดเร็วและจะรวมการสนับสนุนออฟไลน์การแจ้งเตือนแบบพุชการสนับสนุนการซิงค์พื้นหลังและสินค้าอื่น ๆ ที่ทันสมัย.

    แอปเหล่านี้ยังสามารถใช้เทคโนโลยีเว็บที่มีอยู่เพื่อเข้าถึงบริการระบุตำแหน่งเว็บแคมของคุณและคุณสมบัติอื่น ๆ ที่ปกติแล้วเราจะเชื่อมโยงกับแอพพื้นฐาน แน่นอนว่าแอพจะต้องถามคุณและขออนุญาตก่อนเข้าถึงสิ่งเหล่านี้.

    เวอร์ชั่นทางเทคนิค: ทำงานอย่างไร?

    Progressive Web Apps เป็นเว็บแอปพลิเคชันทั่วไปที่ได้รับการปรับปรุงด้วยเทคโนโลยีเว็บที่ทันสมัยทำให้พวกเขาสามารถมอบประสบการณ์ที่เหมือนแอพได้มากขึ้น ส่วน "โปรเกรสซีฟ" หมายถึงพวกเขา "ปรับปรุงอย่างต่อเนื่อง" ด้วยคุณสมบัติเว็บที่ทันสมัยซึ่งหมายความว่าพวกเขาจะทำงานในเบราว์เซอร์รุ่นเก่าที่ไม่สนับสนุนคุณสมบัติใหม่ แต่จะทำงานได้ดีขึ้นและมีคุณสมบัติมากขึ้นในเบราว์เซอร์สมัยใหม่.

    แอพเหล่านี้จะมีหน้าต่างและทางลัดเป็นของตนเองบนทาสก์บาร์ของคุณ (ใน Windows 10 และสิ่งใดก็ตามที่ใช้ Chrome) หรือไอคอนบนหน้าจอหลักของคุณ (บนอุปกรณ์ Android และสมาร์ทโฟนอื่น ๆ ) เมื่อคุณเปิดพวกเขาพวกเขาจะโหลดได้อย่างรวดเร็วด้วย Cache API และ IndexedDB ซึ่งเก็บทรัพยากรและข้อมูลของแอปบนอุปกรณ์ของคุณทำให้พวกมันสามารถทำงานได้แม้ในขณะออฟไลน์ เทคโนโลยีเช่น Service Workers และการแจ้งเตือนแบบพุชจะทำให้แอปสามารถทำงานพื้นหลังเช่นการซิงค์และส่งการแจ้งเตือนถึงคุณแม้ว่าพวกเขาจะไม่ได้ทำงานเหมือนแอพทั่วไป Fetch API ทำให้แอปขอข้อมูลได้เร็วขึ้นและง่ายขึ้น พวกเขามีไฟล์ Manifest ของ Web App ซึ่งมีชื่อไอคอนผู้แต่งและคำอธิบายที่ใช้เมื่อติดตั้งแอปไปยังหน้าจอหลักหรือเดสก์ท็อปของคุณ พวกเขามักจะให้บริการผ่าน HTTPS เข้ารหัสซึ่งหมายความว่าพวกเขาปลอดภัยและข้อมูลไม่สามารถแก้ไขได้ในระหว่างการขนส่ง.

    Progressive Web Apps ไม่เหมือนกับแอป Chrome Packaged ของ Google หรือ Web Apps ที่โฮสต์ของ Microsoft สิ่งเหล่านี้ต้องการแอปพลิเคชั่นที่“ บรรจุ” เป็นไฟล์และส่งไปยังร้านค้าแอป แอปทั้งหมดอาศัยอยู่ในชุดข้อมูลออฟไลน์เล็กน้อยและผู้ใช้ต้องติดตั้งจาก Chrome Web Store หรือ Windows Store สิ่งเหล่านี้มีเฉพาะแพลตฟอร์มและจะทำงานบน Chrome หรือ Windows เท่านั้น ผู้พัฒนาต้องเปลี่ยนไฟล์ของแอปออฟไลน์และส่งเวอร์ชันใหม่ไปยังแอพสโตร์เพื่ออัปเดต.

    แต่จะไม่มีการจัดเก็บ PWAs ลงในไฟล์ออฟไลน์แทน เช่นเดียวกับเว็บแอพทั่วไปที่เราใช้ในทุกวันนี้พวกเขาโฮสต์ทั้งหมดบนเซิร์ฟเวอร์ของแอปพลิเคชัน หากผู้พัฒนาต้องการอัปเดตแอปพลิเคชันบนเว็บแบบโปรเกรสซีฟพวกเขาจะอัปเดตเหมือนกับที่พวกเขาจะอัปเดตแอปบนเว็บ แพลตฟอร์มและเบราว์เซอร์ทั้งหมดที่รองรับ PWAs สามารถใช้ Progressive Web Apps เดียวกันได้.

    สามารถแสดงรายการ PWAs ในร้านค้าแอพเพื่อการค้นหาและติดตั้งที่ง่ายขึ้น แต่แอพสโตร์จะชี้ไปที่เซิร์ฟเวอร์ของเว็บแอป แม้ว่าแอปจะไม่เข้ากันกับนโยบายเนื้อหาของ app store ผู้ใช้จะสามารถค้นหาและติดตั้งได้โดยตรงจากเบราว์เซอร์ของพวกเขา.

    ทำไมเรื่องนี้

    นี่ไม่ใช่แค่การทำให้เว็บแอปพลิเคชั่นดีขึ้น นี่คือการวางมาตรฐานใหม่สำหรับแอพที่ติดตั้งได้ซึ่งทุกแพลตฟอร์มรองรับ นั่นอาจหมายถึงเหตุการณ์ที่น่าประหลาดใจบางอย่างในอนาคตอันใกล้.

    ตัวอย่างเช่นเมื่องานนี้เสร็จ Google สามารถเปิดใช้งานบริการเช่น Gmail และ Google Calendar เพื่อทำงานเป็น PWAs ซึ่งหมายความว่าพวกเขาจะเรียกใช้เป็นแอปพลิเคชันแบบเนทีฟบน Windows 10 และแสดงอยู่ใน Windows Store วิธีนี้จะช่วยแก้ปัญหาแอปพลิเคชั่นของ Windows Store ได้นานเนื่องจาก Google ไม่ต้องการสนับสนุน Universal Windows Platform (UWP) ของ Microsoft นักพัฒนาคนอื่นที่ไม่ต้องการสร้างแอพ UWP แยกต่างหากก็สามารถรองรับ Windows 10 ด้วย PWAs แบบเนทีฟ.

    นักพัฒนาจะมีวิธีที่ง่ายกว่าในการทำให้แอปพลิเคชันบนเว็บทำงานได้อย่างมีประสิทธิภาพและบูรณาการกับอุปกรณ์ที่หลากหลายโดยไม่ต้องกระโดดผ่านแอพสโตร์ แอพพลิเคชั่นบนเว็บที่ทำงานได้ทุกที่จะสามารถแข่งขันกับแอพพื้นฐานที่ทำงานบนแพลตฟอร์มเดียวได้ดีขึ้น บริษัท ที่เพิ่งมีทรัพยากรในการสร้างแอปเดียวสามารถสร้าง PWA และสนับสนุนทุกอย่างแทนที่จะสร้างแอพแยกต่างหากสำหรับ iOS, Android, Windows และเว็บ.

    และเนื่องจากผู้พัฒนาไฟล์ Web App Manifest ให้บริการเครื่องมือค้นหาจะสามารถรวบรวมข้อมูลจากเว็บและค้นหา PWAs ที่หาได้ทั่วไปทางออนไลน์ สิ่งนี้จะทำให้ PWAs สามารถค้นพบได้ง่ายเช่นเดียวกับหน้าเว็บ.

    พวกเขาสนับสนุนแพลตฟอร์มใดบ้าง?

    แอพพลิเคชั่นบนเว็บแบบก้าวหน้าได้รับการพัฒนามาระยะหนึ่งแล้ว แต่พวกเขากำลังจะก้าวเข้าสู่สายตาของสาธารณชนมากขึ้น.

    ด้วยการอัปเดตครั้งต่อไปของ Windows 10 คือการอัปเดตเมษายน 2018 ชื่อรหัส Redstone 4 ซึ่งจะวางจำหน่ายในวันที่ 30 เมษายน - Microsoft กำลังเปิดใช้งานการสนับสนุน PWAs ในแพลตฟอร์มอื่นคุณสามารถไปที่เว็บไซต์ของ PWA และติดตั้งผ่าน Microsoft Edge อย่างไรก็ตาม Microsoft จะแสดงรายการ Progressive Web Apps ใน Store เพื่อให้ติดตั้งได้ง่าย นักพัฒนาสามารถแสดงรายการแอพของตนเองใน Store แต่ Microsoft จะใช้ Bing เพื่อค้นหา PWAs ที่ดีบนเว็บและแสดงรายการเหล่านั้นโดยอัตโนมัติ พวกเขาจะยังคงโฮสต์ตามปกติในเว็บไซต์และได้รับการอัปเดตโดยผู้พัฒนา แต่ Microsoft กำลังทำให้ค้นหาและติดตั้งได้ง่ายขึ้น คุณไม่จำเป็นต้องเปิดเบราว์เซอร์ Edge เพื่อค้นหาติดตั้งและเรียกใช้ PWA บน Windows 10 ซึ่งจะช่วยให้ Windows Store มีขนาดใหญ่ขึ้น แต่ดูเหมือนจะเป็นข่าวร้ายสำหรับแพลตฟอร์มแอป UWP ของ Microsoft เหตุใดนักพัฒนาหลายคนจึงสร้างแอป UWP ขึ้นมาเมื่อ PWA นั้นใช้ได้และทำงานบนระบบปฏิบัติการหลายระบบ?

    บน Google Chrome - ไม่ว่าจะเป็น Windows, Mac, Linux หรือ Chrome OS-PWAs กำลังจะแทนที่แพลตฟอร์ม "Chrome Apps" ที่ยกเลิกแล้ว Google กล่าวว่าการสนับสนุนการติดตั้ง PWAs บนเดสก์ท็อปควรมาถึง“ ในช่วงกลางปี ​​2018” โดยประมาณ จากนั้น PWAs เหล่านั้นจะทำงานกับ Chrome บนเดสก์ท็อป คุณลักษณะนี้ได้รับการทดสอบแล้วใน Chrome รุ่นพัฒนาที่ไม่เสถียรชื่อ Canary.

    บน Android แล้ว Google Chrome รองรับการติดตั้ง PWAs เช่นเดียวกับเบราว์เซอร์มือถืออื่น ๆ เช่น Mozilla Firefox, Opera และเบราว์เซอร์ Samsung Google กำลังทำงานกับเทคโนโลยีชื่อ WebAPK ที่จะอนุญาตให้ PWAs เปลี่ยนเป็นไฟล์ APK (ไฟล์แอป Android) และติดตั้งลงในอุปกรณ์เช่นแอปอื่น ๆ ผู้จัดการโครงการของ Chrome ได้บอกใบ้ว่าอาจเพิ่ม PWAs ใน Play Store ด้วย.

    แม้ว่า Apple จะไม่ได้เป็นผู้สนับสนุนหรือผู้มีส่วนร่วมในการร้องเพลง แต่ตอนนี้พวกเขากำลังเพิ่มคุณสมบัติ PWA ให้กับเบราว์เซอร์ Safari เช่นกัน.


    2018 น่าจะเป็นปีที่ยิ่งใหญ่สำหรับ PWAs โดยเฉพาะอย่างยิ่งใน Windows 10 ที่พวกเขาสามารถช่วย Microsoft ปิดช่องว่างของแอพและมีแอพแบบเนทีฟมากขึ้น.

    เครดิตรูปภาพ: Prabowo96