Progressive Web App (WebAPK) แบบผสานรวมเชิงลึกพร้อมใช้งานสำหรับ Chrome บน Android

Progressive Web App (WebAPK) ที่บูรณาการอย่างล้ำลึกพร้อมใช้งานแล้วสำหรับ Chrome บน Android นี่คือวิธีการเปิดใช้งานคุณสมบัตินี้

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

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

ข้อเสียที่สำคัญประการหนึ่งของ PWA คือไม่ถือว่าเป็นแอปพลิเคชันจริงบนอุปกรณ์ เนื่องจากเว็บแอปเหล่านี้เข้าถึงได้ผ่านทางลัดบนหน้าจอหลัก ผู้ใช้จำนวนมากที่ชอบจัดธีมหน้าจอหลักจึงอาจรู้สึกไม่ชอบใจกับข้อเท็จจริงนี้ ฉันสามารถพูดจากประสบการณ์ โชคดีในช่วงปี 2559 การประชุมสุดยอด Chrome Dev เมื่อเดือนพฤศจิกายนปีที่แล้ว ทีมงาน Chrome แสดงให้เห็นว่า Progressive Web Apps สามารถเปลี่ยนเป็น APK ที่จะติดตั้งบนอุปกรณ์ของคุณได้

ทีมนักพัฒนาไม่ได้ระบุว่าการสนับสนุน "WebAPK" จะใช้งานได้จริงเมื่อใด แต่ดูเหมือนว่าจะใช้งานได้แล้ว - เพียงแต่ไม่มีใครสังเกตเห็นจริงๆ เพื่อความเป็นธรรม วิธีเดียวที่จะเปิดใช้งานการสนับสนุนคุณลักษณะนี้คือการเปิดใช้งานการตั้งค่าสถานะ Chrome ใหม่:

chrome://flags/#enable-improved-a2hs

หากคุณวางลิงก์ด้านบนลงในแถบที่อยู่ของคุณ (ในขณะที่อยู่ในช่อง Dev หรือ Canary ของ Chrome สำหรับ Android) คุณจะถูกนำไปที่การตั้งค่าสถานะ Chrome ซึ่งระบุสิ่งต่อไปนี้:

เปิดใช้งานการเพิ่มหน้าจอหลักที่ได้รับการปรับปรุง

Android จัดทำแพ็คเกจ "Progressive Web Apps" เพื่อให้สามารถทำงานร่วมกับ Android ได้ลึกซึ้งยิ่งขึ้น เซิร์ฟเวอร์ Chrome ใช้เพื่อจัดทำแพ็คเกจไซต์ ใน Chrome Canary และ Chrome Dev จำเป็นต้องเปิดใช้งาน "แหล่งที่มาที่ไม่น่าเชื่อถือ" ในการตั้งค่าความปลอดภัยของ Android

ตามที่ระบุไว้อย่างชัดเจน ขณะนี้สามารถรวม Progressive Web Apps เข้าไปได้แล้ว แพ็คเกจ Android ที่ติดตั้งได้จริง! สิ่งนี้ใช้เซิร์ฟเวอร์ Chrome แบ็กเอนด์เพื่อรวมเว็บไซต์เป็น APK (แม้ว่าจะไม่ชัดเจนว่า Google ใช้งานเซิร์ฟเวอร์นี้หรือไม่ ซึ่งเราถือว่าเป็นเช่นนั้น) เมื่อคุณเปิดใช้งานการตั้งค่าสถานะและรีสตาร์ท Chrome แล้ว PWA ใดๆ ที่คุณ "ติดตั้งไปที่หน้าจอหลัก" จะดาวน์โหลดไฟล์ APK เพื่อติดตั้งบนอุปกรณ์ของคุณแทน แน่นอนว่าไม่ใช่ทุกเว็บไซต์ที่รองรับสิ่งนี้ แต่คุณสามารถดูเว็บไซต์ที่รองรับได้ รองรับฟีเจอร์ใหม่นี้อย่างเต็มที่ที่นี่.


สนุกกับ Progressive Web Apps

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

อย่างที่คุณเห็น PWA ได้รับการปฏิบัติเหมือนเป็นแอปพลิเคชันจริงโดย Android จะแจ้งให้คุณติดตั้งและอยู่ภายในลิ้นชักแอปเหมือนกับแอปอื่นๆ นอกจากนี้ การลบ PWA ออกก็เหมือนกับการถอนการติดตั้งแอปอื่นๆ

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

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

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

แน่นอน เนื่องจากการตั้งค่าสถานะเพื่อเปิดใช้งานการติดตั้ง WebAPK มีเฉพาะในช่อง Dev และ Canary เท่านั้น Chrome สำหรับ Android เราถือว่าคุณลักษณะนี้เป็น WIP และดังนั้นจึงไม่ใช่ทุกอย่างที่จะใช้งานได้ เวลา. เนื่องจากเรารู้ว่า Chrome สามารถส่งการแจ้งเตือนแบบพุชได้ (เช่น บน Facebook) จึงเป็นไปได้ ที่ Progressive Web Apps ที่ติดตั้งด้วยวิธีนี้ก็อาจจะสามารถรับการแจ้งเตือนแบบ Push ได้ในระยะใกล้ๆ เช่นกัน อนาคต.


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