ค้นพบข้อมูลเชิงลึกของ Progressive Web Apps (PWAs)

อย่าหลงกล – แอปพลิเคชันเว็บแบบก้าวหน้าไม่ใช่เทคโนโลยีใหม่บ้าๆ ที่คุณจะไม่สามารถสนทนาอย่างมีการศึกษากับเพื่อนของคุณได้หลังจากอ่านบทความสั้นๆ

พวกเขาเป็นเว็บแอปพลิเคชันที่ทันสมัยโดยพื้นฐานพร้อมชื่อแฟนซี (ขอบคุณ Google Chrome)

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

คุณเคยถามลูกค้าว่าต้องการเปลี่ยนเส้นทางไปยัง App Store เพื่อจองโรงแรมครั้งต่อไปหรือจองรถเช่าหรือไม่? บางทีนั่นอาจเป็นการสนทนาสำหรับวันอื่น ...

เว็บแอปโปรเกรสซีฟคืออะไร?

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

ก่อนอื่น คุณจำเป็นต้องรู้เกี่ยวกับโปรเกรสซีฟเว็บแอปพลิเคชัน เพราะสิ่งเหล่านี้คือหนทางแห่งอนาคต จากการสำรวจผู้อ่านของนักเทคโนโลยีกว่า 800 คน ที่จัดทำโดย JAX Enter 46% ของผู้ตอบแบบสอบถามกล่าวว่าพวกเขาเชื่อว่า PWAs คืออนาคต ไม่ใช่แอปพลิเคชันดั้งเดิมหรือแบบไฮบริด

ความแตกต่างระหว่าง Progressive Web App, Non-Progressive Web App และ Native App

แม้แต่นักพัฒนาอาวุโสก็ยังมีแนวโน้มที่จะสับสนระหว่างโปรเกรสซีฟกับไม่โปรเกรสซีฟหรือไม่โปรเกรสซีฟกับแอพพลิเคชั่นดั้งเดิม ยังคงมีความแตกต่างที่ชัดเจนระหว่างประเภทแอปพลิเคชันเหล่านี้

แหล่งที่มา

แอปพลิเค ชันที่มาพร้อมเครื่องคือแอปพลิเคชันที่สร้างขึ้นในภาษาเฉพาะสำหรับอุปกรณ์เฉพาะ (สมาร์ทโฟน แท็บเล็ต ฯลฯ) และต้องดาวน์โหลดจากร้านแอปพลิเคชัน ในตัวอย่างข้างต้น แอป Dish's MyPay เป็นแอปพลิเคชันแบบเนทีฟเนื่องจากสามารถดาวน์โหลดได้จาก Apple App Store และสร้างขึ้นสำหรับอุปกรณ์ iOS แม้ว่าคุณจะสามารถดาวน์โหลดแอป Dish's MyPay ของ Dish บน Google Play ได้ แต่ที่จริงแล้ว Dish ต้องพัฒนาแอปพลิเคชันแบบเนทีฟตัวที่สองเพื่อให้เป็นไปได้

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

ประเภทแอปพลิเคชันที่คำนึงถึงงบประมาณมากขึ้น? เว็บแอปพลิเคชันที่ไม่ก้าวหน้า เว็บแอปพลิเคชันรูปแบบแรกสุด ซึ่งเป็นเว็บแอปพลิเคชันที่ไม่ก้าวหน้า เป็นแอปพลิเคชันที่ไม่จำเป็นต้องดาวน์โหลดจากร้านแอป แต่เข้าถึงได้ทางเว็บเท่านั้น

ดูเหมือนและให้ความรู้สึกเหมือนเป็นแอป แต่จริงๆ แล้วเป็นเพียงเว็บไซต์ที่มีความสามารถขั้นสูง โปรดสังเกตตัวอย่างเว็บแอปที่ไม่ก้าวหน้าในรูปภาพด้านบน Evolve Vacation Rentals มีความปลอดภัย ตอบสนองได้ดี และทันสมัย ​​แต่ไม่ถือว่าเป็น PWA

อันที่จริง เพื่อให้แอปพลิเคชันบนเว็บถือเป็นโปรเกรสซีฟเว็บแอปพลิเคชัน Google กล่าวว่าสิ่งต่อไปนี้ต้องเป็นจริงสำหรับแอปพลิเคชัน:

• ก้าวหน้า . ต้องใช้ได้กับเบราว์เซอร์ทุกประเภท ไม่ใช่แค่ IE หรือ Chrome
• ตอบสนอง แอปจะต้องพอดีกับโทรศัพท์ แท็บเล็ต และอุปกรณ์เทคโนโลยีแห่งอนาคตทั้งหมด
• อิสระ ต้องมีความสามารถในการทำงานแบบออฟไลน์หรือในการเชื่อมต่อเครือข่ายที่มีสัญญาณแรงต่ำ
• แอพแบบ . แอปพลิเคชันใช้การนำทางและการจัดรูปแบบสไตล์แอป
• สด. ทันสมัยอยู่เสมอ
• ปลอดภัย. ให้บริการแก่ผู้ใช้ผ่านการรักษาความปลอดภัยเลเยอร์การขนส่ง หรือที่เรียกกันทั่วไปว่า URL ของ HTTPS
• ค้นพบได้ ค้นหาได้โดยใช้เครื่องมือค้นหา
• มีส่วนร่วมอีกครั้ง ความสามารถในการดึงดูดผู้ใช้แอปพลิเคชันอีกครั้งผ่านแพลตฟอร์ม (เช่น การแจ้งเตือนแบบพุช)
• ติดตั้งได้ ผู้ใช้อาจติดตั้งแอปไปที่หน้าจอหลักผ่าน App Store เพื่อให้เข้าถึงได้ง่ายและสะดวก
• เชื่อมโยงได้ อาจมีการแชร์แอปกับผู้อื่นโดยใช้ URL

คุณสมบัติของเว็บแอปโปรเกรสซีฟ

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

บริบทที่ปลอดภัย (HTTPS)

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

ตามแนวทางปฏิบัติที่ดีที่สุดสำหรับเว็บไซต์ใดๆ ในปี 2020 ฟีเจอร์หลักของ PWA คือมีการเข้ารหัส TSL/SSL เพื่อให้มั่นใจในบริบทที่ปลอดภัย หากต้องการทราบอย่างรวดเร็วว่าเว็บแอปพลิเคชันได้รับการรักษาความปลอดภัยหรือไม่ ให้มองหา HTTPS ใน URL ของหน้า

หากคุณกำลังใช้เว็บแอปพลิเคชันที่ไม่มีการเชื่อมต่อ HTTPS จะไม่ถือเป็น PWA

แหล่งที่มา

พนักงานบริการ

ในการพูดเชิงเทคโนโลยี พนักงานบริการไม่ใช่คนที่ส่งอาหารสั่งกลับบ้านให้คุณ แต่ให้เทียบเคียงกัน!

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

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

เป็นไปได้อย่างไร? ด้วยไฟล์ JavaScript เพียงเล็กน้อยเท่านั้น พนักงานบริการขั้นสูงสามารถเชื่อมต่อกับ API แบบพุชได้ ทำให้ PWA สามารถส่งการแจ้งเตือนแบบพุชไปยังผู้ใช้เพื่อให้พวกเขามีส่วนร่วมอยู่เสมอ

ไฟล์ Manifest

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

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

แหล่งที่มา

ข้อดีของการประปาส่วนภูมิภาค

แน่นอนว่ามีข้อดีในการใช้งานทุกประเภท Bart Deferme ผู้อำนวยการฝ่ายพัฒนาผลิตภัณฑ์ Agile ของ Spire Digital กล่าวว่า:

"แอปพลิเคชันประเภทต่างๆ มีประโยชน์ในกรณีการใช้งานที่แตกต่างกันสำหรับองค์กรต่างๆ แอปพลิเคชันแบบเนทีฟเหมาะสำหรับองค์กรที่รู้ว่าผู้ใช้ต้องการแอปพลิเคชันแบบเนทีฟมากกว่า PWA หรือเว็บแอปพลิเคชันที่ไม่ก้าวหน้า แต่สำหรับผู้ประกอบการที่พยายามหาการพิสูจน์แนวคิด ด้วยการเปิดตัว MVP แบบลีน เว็บแอปพลิเคชันที่ไม่ก้าวหน้าหรือ กปภ. เป็นเส้นทางที่ประหยัดกว่า”

โปรดทราบว่ามีกรณีการใช้งานที่แอปพลิเคชันประเภทต่างๆ เป็นทางออกที่ดีที่สุด ต่อไปนี้คือข้อดีทั่วไปของการใช้เว็บแอปพลิเคชันแบบโปรเกรสซีฟเหนือแอปพลิเคชันประเภทอื่น:

ค้นพบได้

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

การค้นพบได้ของ กปภ. เป็นข้อได้เปรียบที่ดี เนื่องจากช่วยให้ผู้ใช้สามารถค้นหาจากที่ที่พวกเขาค้นหามากที่สุด รับคำตอบ และดำเนินการให้เสร็จสิ้นในที่เดียว ด้วย PWA พวกเขาไม่ต้องกระโดดข้ามการดาวน์โหลดแอปพลิเคชันทั้งหมดและดูวงล้อดาวน์โหลดของ App Store ที่ค่อยๆ หมุนไปที่ '100%, ดาวน์โหลดเสร็จสิ้น'

ติดตั้งได้

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

เชื่อมโยงได้

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

เครือข่ายอิสระ

โครงข่ายเครือข่าย เราไม่สามารถรับบาร์เต็มรูปแบบได้ทุกที่ที่เราไปในโลก แต่แล้วอีกครั้ง เราไม่ต้องการบาร์เต็มรูปแบบเพื่อดำเนินการ กปภ. ใช่ไหม

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

ตอบสนอง

เคยต้องการที่จะเล่น Words with Friends ในขณะที่พยายามดูสนใจในการโทร Zoom หรือไม่? หาก Words with Friends เป็น PWA แทนที่จะเป็นแอปพลิเคชันดั้งเดิม คุณก็ทำได้ (เป็นความคิดที่ดีนะ ใครก็ได้ช่วยทำให้มันเกิดขึ้นที) PWA ให้ประสบการณ์ผู้ใช้ที่ราบรื่นโดยไม่คำนึงถึงอุปกรณ์หรือประเภทเบราว์เซอร์ หมายความว่าคุณไม่จำเป็นต้องมีโทรศัพท์หรือแล็ปท็อปอยู่ในมือตลอดเวลาเพื่อใช้แอปพลิเคชันเนทีฟหรือแอปที่ไม่โปรเกรสซีฟที่คุณชื่นชอบ

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

ปลอดภัย

โดยเฉพาะอย่างยิ่งเมื่อใช้แอปพลิเคชันทางการเงิน สุขภาพ หรือประกัน ผู้ใช้ต้องการทราบว่าข้อมูลส่วนบุคคลของพวกเขาไม่ได้ถูกเข้าถึงโดยเพื่อนบางคนในเคย์แมน พูดง่ายๆ ก็คือ การรักษาความปลอดภัยสร้างความไว้วางใจให้กับผู้ใช้ บริบทที่ปลอดภัยและการเข้ารหัส URL ช่วยให้ PWA สามารถให้ความมั่นใจแก่ผู้ใช้และบอทการค้นหาของ Google

ดังที่ได้กล่าวไว้ก่อนหน้านี้ แนวทางปฏิบัติที่ดีที่สุดคือการใช้การเข้ารหัส SSL กับ URL ทั้งหมดขององค์กรของคุณ รวมทั้งเว็บแอปพลิเคชันด้วย หากคุณไม่รักษาความปลอดภัยให้กับเว็บแอปพลิเคชันของคุณ Google ได้ระบุอย่างสม่ำเสมอว่าประสิทธิภาพของเว็บแอปพลิเคชันของคุณในหน้าผลการค้นหาจะได้รับผลกระทบในทางลบ

แหล่งที่มา

บทสรุป

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

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

กปภ. เป็นประเภทแอปพลิเคชันที่พิสูจน์อนาคตได้มากที่สุดเนื่องจากเป็น:

• ค้นพบได้ทางเว็บหรือแอพสโตร์
• ตอบสนองและพร้อมสำหรับทุกเบราว์เซอร์
• การเชื่อมต่อเครือข่ายอิสระ
• ปลอดภัยและเข้ารหัส
• และอื่น ๆ

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

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

รับความเข้าใจอย่างลึกซึ้งยิ่งขึ้นเกี่ยวกับข้อมูลเชิงลึกด้านการพัฒนาแอปอื่นๆ ในฮับข้อมูลการพัฒนาแอปของ G2