ต้องทำอะไรบ้างจึงจะติดตั้งได้

Pete LePage

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

ผู้ใช้ส่วนใหญ่คุ้นเคยกับการติดตั้งแอปพลิเคชันและประโยชน์ของประสบการณ์การใช้งานที่ติดตั้งแล้ว แอปพลิเคชันที่ติดตั้งจะปรากฏในพื้นที่เปิดตัวของระบบปฏิบัติการ เช่น โฟลเดอร์แอปพลิเคชันใน macOS X, เมนูเริ่มใน Windows และหน้าจอหลักใน Android และ iOS แอปพลิเคชันที่ติดตั้ง จะปรากฏในตัวสลับกิจกรรม เครื่องมือค้นหาในอุปกรณ์ เช่น Spotlight และในชีตการแชร์เนื้อหาด้วย

เบราว์เซอร์ส่วนใหญ่จะระบุให้ผู้ใช้ทราบว่า Progressive Web App (PWA) ของคุณ ติดตั้งได้เมื่อเป็นไปตามเกณฑ์บางอย่าง ตัวอย่างตัวบ่งชี้ ได้แก่ ปุ่มติดตั้งในแถบที่อยู่ หรือรายการเมนูติดตั้งในเมนูที่ล้นออกมา

โปรโมชันการติดตั้งที่เบราว์เซอร์ระบุ (เดสก์ท็อป)
โปรโมชันการติดตั้งที่เบราว์เซอร์ระบุ (อุปกรณ์เคลื่อนที่)

นอกจากนี้ เมื่อตรงตามเกณฑ์ เบราว์เซอร์จำนวนมากจะทริกเกอร์beforeinstallprompt เหตุการณ์ ซึ่งช่วยให้คุณมอบ UX ในแอปที่กำหนดเองได้ ซึ่งจะทริกเกอร์ขั้นตอนการติดตั้งภายในแอป

เกณฑ์การติดตั้ง

ใน Chrome นั้น Progressive Web App ต้องเป็นไปตามเกณฑ์ต่อไปนี้ก่อน จึงจะทริกเกอร์เหตุการณ์ beforeinstallprompt และแสดงโปรโมชันการติดตั้งในเบราว์เซอร์

  • ยังไม่ได้ติดตั้งเว็บแอป
  • เป็นไปตามฮิวริสติกการมีส่วนร่วมของผู้ใช้
    • ผู้ใช้ต้องคลิกหรือแตะหน้าเว็บอย่างน้อย 1 ครั้งเมื่อใดก็ได้ แม้ในระหว่างการโหลดหน้าเว็บก่อนหน้า
    • ผู้ใช้ต้องใช้เวลาอย่างน้อย 30 วินาทีในการดูหน้าเว็บ เมื่อใดก็ได้
  • แสดงผ่าน HTTPS
  • มี Web App Manifest ซึ่งประกอบด้วยข้อมูลต่อไปนี้
    • short_name หรือ name
    • icons - ต้องมีไอคอนขนาด 192 พิกเซลและ 512 พิกเซล
    • start_url
    • display - ต้องเป็นอย่างใดอย่างหนึ่งระหว่าง fullscreen, standalone, minimal-ui หรือ window-controls-overlay
    • prefer_related_applications ต้องไม่มีอยู่ หรือเป็น false

เบราว์เซอร์อื่นๆ มีเกณฑ์การติดตั้งที่คล้ายกัน แม้ว่าอาจมีความแตกต่างเล็กน้อยก็ตาม ดูรายละเอียดทั้งหมดได้ที่เว็บไซต์ต่อไปนี้