เว็บแอปโปรเกรสซีฟนั้นเป็นเวอร์ชันไลท์ของแอปตัวเต็มจริงๆ หากคุณติดตั้งแอปเหล่านี้ใน Chrome สำหรับ Android การติดตั้งแอป PWA ในอนาคตของคุณจะคล้ายกับการติดตั้งแอปที่มาพร้อมเครื่อง
เนื่องจาก Google กำลังเปิดตัว UI การติดตั้ง PWA ใหม่ที่ดูเหมือน Play Store UI
การติดตั้ง PWA ปัจจุบันใน Chrome
ปัจจุบัน หากคุณเปิดไซต์ที่รองรับใน Chrome บน Android คุณจะได้รับแบนเนอร์เล็กๆ ที่ด้านล่างเพื่อขอให้เพิ่มแอปลงในหน้าจอหลัก นี่คือวิธีที่คุณติดตั้งเว็บแอปโปรเกรสซีฟใน Chrome บน Android
UI การติดตั้งนี้ดูไม่เหมือน UI การติดตั้งแอปดั้งเดิม
PWA Install UI ใหม่ใน Chrome สำหรับ Android
ตามที่ประกาศโดยนักพัฒนา Chrome บน Twitter Google กำลังนำ UI การติดตั้งที่สมบูรณ์ยิ่งขึ้นสำหรับเว็บแอปแบบโปรเกรสซีฟมาที่ Chrome บน Android
UI นี้ดูคล้ายกับที่คุณเห็นใน Google Play Store อย่างเป็นทางการ มีชื่อแอป คำอธิบายเล็กน้อย ภาพหน้าจอบางส่วน และแม้แต่ปุ่มติดตั้ง
หน้าตาของ PWA UI ใหม่เป็นอย่างไร
เนื่องจาก UI ใหม่นี้เพิ่งเปิดตัว จึงมีแอปไม่มากที่ใช้อินเทอร์เฟซผู้ใช้ใหม่นี้ Twitter เป็นคนแรกที่ใช้อินเทอร์เฟซการติดตั้งนี้สำหรับเว็บแอปแบบโปรเกรสซีฟ
ใน UI การติดตั้งใหม่นี้ คุณมีคำอธิบายเล็กๆ น้อยๆ เกี่ยวกับแอป ภาพหน้าจอบางส่วนของแอปที่คุณกำลังจะติดตั้ง และติดตั้ง ที่ด้านขวาบนของข้อความแจ้ง
การแตะปุ่มนี้จะติดตั้ง PWA บนโทรศัพท์ของคุณ ซึ่งจะทำให้คุณรู้สึกเหมือนกำลังติดตั้งแอป Play Store
วิธีใช้ UI ใหม่สำหรับแอปของคุณ
หากคุณเป็นนักพัฒนา คุณต้องเพิ่มสมาชิกสองคนในรายการของคุณเพื่อใช้ UI การติดตั้งใหม่นี้ เพิ่ม คำอธิบาย และภาพหน้าจอ สมาชิกในไฟล์ Manifest ของคุณ และ Chrome สำหรับ Android จะใช้ UI ใหม่สำหรับการติดตั้งเว็บแอปแบบก้าวหน้า
โปรดคำนึงถึงสิ่งต่อไปนี้ขณะเพิ่มรูปภาพลงในแอปของคุณ:
- ความกว้างและความสูงของรูปภาพต้องมีอย่างน้อย 320px และไม่เกิน 3840px
- ภาพหน้าจอของคุณต้องมีอัตราส่วนกว้างยาวเท่ากัน
- ภาพหน้าจอของคุณต้องใช้รูปแบบไฟล์ JPG หรือ PNG
- ขนาดสูงสุดต้องไม่ใหญ่กว่าขนาดต่ำสุดสองเท่า
เมื่อทำการเปลี่ยนแปลงที่จำเป็นในไฟล์ของคุณ การติดตั้งเว็บแอปแบบโปรเกรสซีฟของคุณจะดูเหมือนการติดตั้งแอปที่มาพร้อมเครื่อง
Richer Install Interface สำหรับ PWA ใน Chrome
นักพัฒนาเว็บแอประดับก้าวหน้าสามารถทำให้แอปของตนใช้ข้อความแจ้งการติดตั้งที่สมบูรณ์ยิ่งขึ้นใน Chrome บน Android ได้แล้ว สิ่งนี้จะสนับสนุนให้ผู้คนจำนวนมากขึ้นติดตั้งแอปของคุณบนโทรศัพท์ของตน
หากคุณเป็นผู้ใช้ปลายทาง คุณสามารถดูรายละเอียดเพิ่มเติมเกี่ยวกับ PWA ก่อนทำการติดตั้งลงในโทรศัพท์ได้
