Progressive Web App (PWA) คือเวอร์ชันเบาๆ ของแอปพลิเคชันจริง หากคุณติดตั้งแอปเหล่านี้ใน Chrome สำหรับ Android การติดตั้ง PWA ในอนาคตจะคล้ายกับการติดตั้งแอปเนทีฟ
เพราะ Google กำลังเปิดตัว UI ติดตั้ง PWA ใหม่ที่ดูคล้ายกับ UI ของ Play Store
การติดตั้ง PWA ปัจจุบันใน Chrome
ปัจจุบัน หากคุณเปิดเว็บไซต์ที่รองรับใน Chrome บน Android คุณจะได้แบนเนอร์เล็กๆ ที่ด้านล่างถามว่าจะเพิ่มแอปไปที่หน้าจอหลักหรือไม่ นี่คือวิธีติดตั้ง progressive web apps ใน Chrome บน Android ปัจจุบัน
UI การติดตั้งนี้ไม่ดูหรือรู้สึกเหมือน UI การติดตั้งแอปเนทีฟ
UI ติดตั้ง PWA ใหม่ใน Chrome สำหรับ Android
ตามที่ Chrome Developers ประกาศบน Twitter Google กำลังนำ UI ติดตั้งที่สมบูรณ์ขึ้นสำหรับ progressive web apps ไปที่ Chrome บน Android
UI นี้ดูคล้ายกับที่คุณเห็นใน Google Play Store อย่างมาก มีชื่อแอป คำอธิบายสั้นๆ ภาพหน้าจอ และแม้แต่ปุ่ม Install
UI PWA ใหม่ดูอย่างไร?
เนื่องจาก UI ใหม่นี้เพิ่งเปิดตัว ไม่มีแอปมากที่ใช้ UI ใหม่นี้ Twitter เป็นแอปแรกที่ใช้ interface การติดตั้งนี้สำหรับ PWA ของตน
ใน UI การติดตั้งใหม่นี้ คุณมีคำอธิบายแอปเล็กๆ ภาพหน้าจอสองสามภาพของแอปที่คุณจะติดตั้ง และปุ่ม Install ที่มุมขวาบนของพรอมป์
การแตะปุ่มนี้จะติดตั้ง PWA บนโทรศัพท์ของคุณ ให้ความรู้สึกเกือบเหมือนกับการติดตั้งแอป Play Store
วิธีใช้ UI ใหม่สำหรับแอปของคุณ
หากคุณเป็นนักพัฒนา คุณต้องเพิ่มสมาชิกสองตัวใน manifest ของคุณเพื่อใช้ UI การติดตั้งใหม่นี้ เพิ่มสมาชิก description และ screenshots ไปยังไฟล์ manifest ของคุณ และ Chrome สำหรับ Android จะใช้ UI ใหม่สำหรับการติดตั้ง progressive web app ของคุณ
โปรดจำไว้ขณะเพิ่มภาพลงในแอปของคุณ:
- ความกว้างและความสูงของภาพต้องอย่างน้อย 320px และสูงสุด 3840px
- ภาพหน้าจอของคุณต้องมีอัตราส่วนภาพเท่ากัน
- ภาพหน้าจอของคุณต้องใช้รูปแบบไฟล์ JPG หรือ PNG
- มิติสูงสุดไม่สามารถใหญ่กว่ามิติขั้นต่ำสองเท่าได้
เมื่อทำการเปลี่ยนแปลงที่จำเป็นในไฟล์ของคุณแล้ว การติดตั้ง progressive web app ของคุณจะดูคล้ายกับการติดตั้งแอปเนทีฟมากขึ้น
อินเทอร์เฟซการติดตั้งที่สมบูรณ์ขึ้นสำหรับ PWA ใน Chrome
นักพัฒนา progressive web app ตอนนี้สามารถทำให้แอปของพวกเขาใช้พรอมป์การติดตั้งที่สมบูรณ์ขึ้นใน Chrome บน Android สิ่งนี้จะกระตุ้นให้ผู้คนมากขึ้นติดตั้งแอปของคุณบนโทรศัพท์
หากคุณเป็นผู้ใช้ปลายทาง คุณตอนนี้สามารถเห็นรายละเอียดมากขึ้นเกี่ยวกับ PWA ก่อนติดตั้งบนโทรศัพท์ของคุณ
