Windows 10 และ PWA: อนาคตของการส่งมอบซอฟต์แวร์

เผยแพร่แล้ว: 2019-12-06

สารบัญ

ดังที่กล่าวไว้สั้น ๆ ในบทความ Desktop PWA ของเรา ดูเหมือนว่า Microsoft จะจับความเคลื่อนไหวของ Progressive Web App ได้ไม่นาน และทำให้ตนเองเป็นที่รู้จักในฐานะ ผู้บุกเบิก แนวโน้ม ร้านค้า PWA ตามข้อมูลของ Microsoft นี่ไม่ใช่เพียงความคิดริเริ่มที่เหนือชั้น แต่เป็นแผนงานที่เก็บไว้มาระยะหนึ่งแล้ว ย้อนกลับไปในปี 2016

ตลอดเวลานี้ในการเตรียมพร้อม Microsoft สามารถสร้างรากฐาน Progressive Web Apps (PWAs) ของตนเองได้ ซึ่งสามารถทนต่อการเปลี่ยนแปลงทางเทคโนโลยีในอนาคตอีกหลายปี ด้วยเหตุนี้ ประสบการณ์ใช้งาน Windows จึงมี Progressive Web Apps รวมอยู่ในทุกด้าน ทำให้อนาคตของ Microsoft Store เป็นอนาคตของแอปไฮบริด ซึ่งเป็นการผสมผสานระหว่าง UWP (Universal Windows Platform) และ PWA

Progressive Web App คืออะไร?

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

คุณสมบัติของ กปภ.

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

เว็บแอปโปรเกรสซีฟและ Windows 10

มาจาก Microsoft คือการนำ Progressive Web Apps มาใช้เมื่อเร็วๆ นี้ ซึ่งเป็นการทำเครื่องหมายขอบฟ้าใหม่ของความเป็นไปได้สำหรับ Microsoft Store

Progressive Web Apps สามารถเข้าถึง API ของฟีเจอร์ Windows 10 ได้อย่างสมบูรณ์และสามารถติดตั้งได้ทั่วทั้งตระกูลอุปกรณ์ UWP (รวมถึง Windows 10 ที่ปลอดภัยยิ่งขึ้นในอุปกรณ์ S-mode) ในขณะที่ยังคงให้ความเข้ากันได้กับเบราว์เซอร์และอุปกรณ์อื่นๆ

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

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

ด้วยความก้าวหน้าทางเทคโนโลยีเหล่านี้ที่ทำโดยทีม Microsoft ประสบการณ์ PWA ใน Windows 10 จึงไม่แตกต่างไปจากแอป UWP ทั่วไปมากนัก เมื่อเทียบกับ PWA ทั่วไปที่ทำงานจากเบราว์เซอร์ PWAs จาก Microsoft Stores จะแตกต่างกันไปตามข้อดีทางเทคนิคเหล่านี้:

  • เรียกใช้ในหน้าต่างแบบสแตนด์อโลน
  • ไม่จำกัดพื้นที่จัดเก็บ (สำหรับการจัดเก็บในเครื่อง, IndexedDB, …)
  • มีความสามารถในกระบวนการออฟไลน์และพื้นหลัง
  • JavaScript สามารถเข้าถึง Windows Runtime (WinRT) APIs ดั้งเดิมได้
  • ค้นพบได้และแสดงเป็น “แอพ” ใน Windows Store, เมนู Windows Start และ Cortana
  • เปิดช่องทางใหม่ในการรวบรวมข้อมูลเชิงลึกบนอุปกรณ์ที่เบราว์เซอร์เข้าถึงไม่ได้ เช่น Xbox, Windows Mixed Reality และฟอร์มแฟคเตอร์อื่นๆ ที่ไม่ใช่พีซี
Twitter PWA จาก Microsoft Store
Twitter จาก Microsoft Store คือ PWA

และเนื่องจากธรรมชาติของการเคลื่อนไหวของ กปปส. เป็นสิ่งที่เปลี่ยนแปลงตลอดเวลา คุณจึงไม่ควรเห็นแอปที่คุณคุ้นเคยได้รับการอัปเกรดเป็น PWA อย่างต่อเนื่อง ในขณะที่เรากำลังพูดถึง Outlook จาก Microsoft เป็น Progressive Web App อย่างเป็นทางการ—ติดตั้งได้จากเบราว์เซอร์ที่ใช้ Chromium

Microsoft Outlook PWA
Outlook เป็น Progressive Web App แล้ว

นับตั้งแต่เปิดตัว Progressive Web Apps แสดงให้เห็นถึงคำมั่นสัญญาที่ดีที่จะเป็นขั้นตอนต่อไปในวิวัฒนาการของเว็บ เมื่อตระหนักถึงศักยภาพของตน แบรนด์ใหญ่ๆ ก็เริ่มผสมผสานองค์ประกอบของ PWAs เข้ากับโครงสร้างพื้นฐาน ทำให้ภูมิทัศน์ของเว็บแตกต่างไปจากเดิมอย่างมาก

Hulu pwa

ทำไม Progressive Web App คืออนาคต

ค้นพบได้ทุกที่

Progressive Web App ทุกรายการที่แสดงอยู่ใน Microsoft Store ใน Windows 10 สามารถเพิ่มผู้ชมแอปได้หลายร้อยเท่า เนื่องจากฐานการติดตั้ง Windows 10 รายเดือนที่มีผู้ใช้มากกว่า 800 ล้านคน

เติมอัตโนมัติ

นอกจากตัวเลือกสำหรับนักพัฒนาในการส่ง PWA ด้วยตนเองแล้ว Microsoft ยังทำให้เสิร์ชเอ็นจิ้นอย่าง Bing สามารถจัดทำดัชนี PWAs คุณภาพในร้านค้าโดยอัตโนมัติ:

เราใช้ Bing Crawler เพื่อระบุ PWAs บนเว็บมาเกือบปีแล้ว [..] ตลอดกระบวนการนี้ เราจะตรวจสอบมาตรการด้านคุณภาพสำหรับ PWA ต่อไป เพื่อให้แน่ใจว่าเรากำลังมอบประสบการณ์ที่มีคุณค่า น่าเชื่อถือ และน่าพึงพอใจให้กับลูกค้าที่มีร่วมกันบนอุปกรณ์ Windows

ด้วยเหตุนี้ Microsoft Store จึงคาดว่าจะสร้าง PWAs โดยอัตโนมัติ ทำให้อนาคตของทุกสิ่ง Progressive Web App มีแนวโน้มมากขึ้นกว่าเดิม

ประสบการณ์ที่ง่ายดาย

ข้อดีอย่างหนึ่งของ PWA—นอกเหนือจากลักษณะและฟังก์ชันที่เหมือนแอพ—คือรู้สึกเหมือนกำลังประสบกับแอปเวอร์ชัน Lite

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

 สำรวจ: PWA สำหรับ Magento 2

สิ่งนี้หมายความว่าอย่างไรสำหรับนักพัฒนา

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

PWABuilder

PWABuilder ทำให้นักพัฒนาที่ไม่มีประสบการณ์สามารถสร้าง AppX ได้อย่างสมบูรณ์ โดยใช้ข้อมูลจากเว็บไซต์ของคุณเองและ Web App Manifest เพื่อเผยแพร่ใน Microsoft Store

 เครื่องมือที่มีประโยชน์: Web App Manifest Generator

ลองเลย

หลังจากการพูดคุยทั้งหมดนี้ อาจถึงเวลาที่คุณควรสัมผัส PWA บน Windows 10 ตรงไปที่ Microsoft Store ติดตั้ง Twitter PWA และแบ่งปันความคิดของคุณกับเรา!

รับ Twitter PWA - Microsoft Store
ทวิตเตอร์ใน Microsoft Store

ห่อคำ

ควรสังเกตว่านี่เป็นเพียงสองสามขั้นตอนแรกในแผนของ Microsoft ในการทำให้ Progressive Web App เป็น ประสบการณ์หลักใน Windows 10 และสิ่งต่างๆ จะมีการเปลี่ยนแปลงอย่างรวดเร็วในปีต่อไปเมื่อมีการเปิดตัว Edge ที่ใช้ Chromium ใหม่

ณ ตอนนี้ มี Progressive Web App เพียงไม่กี่ตัวที่อยู่ใน Microsoft Store แต่การใช้งานจริงนั้นแพร่หลายไปแล้วในโลกอีคอมเมิร์ซ ซึ่งผู้ค้าปลีกชั้นนำส่วนใหญ่ใช้แนวทาง Headless ซึ่งมี PWA เป็นเครื่องมือหลักในการส่งมอบบริการที่ราบรื่น ประสบการณ์ผู้ใช้