รองรับเว็บแอป

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

คุณเผยแพร่เว็บแอปได้โดยใช้วิธีเดียวกับที่เผยแพร่แอปที่มาพร้อมเครื่อง ซึ่งรวมถึงการเพิ่มลงในคอลเล็กชันใน Managed Google Play Store และการติดตั้งจากระยะไกลในอุปกรณ์


องค์ประกอบของเว็บแอป

หากต้องการสร้างเว็บแอป คุณต้องระบุข้อมูลต่อไปนี้

  • ชื่อที่แสดงในอุปกรณ์ใน Play Store ที่มีการจัดการและใน Launcher
  • URL เริ่มต้นที่เว็บแอปเปิดขึ้น
  • โหมดการแสดงผลที่กําหนดวิธีแสดงเว็บแอปในอุปกรณ์

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

ชื่อ

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

URL เริ่มต้น

URL เริ่มต้นของเว็บแอปจะกำหนดหน้าที่เว็บแอปเปิดขึ้น จากนั้นผู้ใช้จะไปยัง URL อื่นๆ ได้

URL เริ่มต้นต้องเป็น URL HTTPS หรือ HTTP URL ของเว็บแอปต้องมีรูปแบบ HTTPS เมื่อโหมดการแสดงผลเป็นแบบเต็มหน้าจอหรือแบบสแตนด์อโลน

โหมดการแสดงผล

โหมดการแสดงผลจะอธิบายองค์ประกอบ UI ของเบราว์เซอร์ที่มองเห็นได้เมื่อเปิดเว็บแอป

  • UI มินิมอล: แถบ URL จะแสดงที่ด้านบน และแถบสถานะของระบบและปุ่มนำทางจะปรากฏให้เห็น สำหรับ URL HTTP ตัวเลือกนี้เป็นตัวเลือกเดียวที่ใช้ได้
  • สแตนด์อโลน: แถบ URL จะไม่แสดงและแถบสถานะของระบบและปุ่มการนําทางจะปรากฏ
  • เต็มหน้าจอ: ระบบจะไม่แสดงแถบ URL และซ่อนแถบสถานะของระบบและปุ่มการนําทาง โดยอินเทอร์เฟซของเว็บไซต์ต้องมีการควบคุมการนําทางทั้งหมด
รูปที่ 1 จากซ้ายไปขวา: โหมดแสดงผล UI แบบมินิมอล โหมดสแตนด์อโลน และโหมดเต็มหน้าจอ

โหมดการแสดงผลจะมีผลกับหน้าเว็บในโดเมนเดียวกับ URL เริ่มต้นเท่านั้น หากผู้ใช้ไปที่ URL ของโดเมนอื่นที่ไม่ใช่ URL เริ่มต้น หน้าใหม่นี้จะเปิดในแท็บที่กำหนดเองของ Chrome โดยที่ผู้ใช้จะเห็น URL ใหม่นั้น ไม่ว่าจะเลือกโหมดการแสดงผลใดก็ตาม ตัวอย่างเช่น หาก URL เริ่มต้นเปลี่ยนเส้นทางไปยัง URL ของโดเมนอื่นทันที หน้านี้จะแสดงในแท็บที่กำหนดเองของ Chrome

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

รูปที่ 2 การแจ้งเตือนที่แสดงต่อผู้ใช้เมื่อเปิดเว็บแอปเป็นครั้งแรก

Icon

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

ผู้ดูแลระบบไอทีสามารถตั้งค่าไอคอนเดียวสำหรับเว็บแอปที่สร้างขึ้นได้ในiframe ของ Managed Google Play เมื่อใช้ API เพื่อสร้างเว็บแอป คุณสามารถอนุญาตให้ผู้ดูแลระบบไอทีตั้งค่าไอคอนหลายรายการได้ ไอคอนเหล่านี้จะฝังอยู่ใน APK ของเว็บแอปทั้งหมด และระบบ Android จะแสดงไอคอนที่เหมาะกับความละเอียดของหน้าจออุปกรณ์มากที่สุด Play Store ที่มีการจัดการจะแสดงไอคอนแรกที่ระบุไว้สำหรับเว็บแอปเสมอ

ไอคอนแรกควรมีขนาด 512x512 พิกเซล รูปแบบที่ยอมรับคือ PNG และ JPEG แต่ต้องมีขนาดไม่เกิน 1 MB ระบบจะปรับขนาดไอคอนที่ไม่เป็นไปตามรูปแบบนี้ใหม่สำหรับรายการใน Play Store ที่มีการจัดการ นอกจากนี้ ไอคอนยังต้อง "มาสก์ได้" เพื่อปรับรูปร่างให้เหมาะกับแต่ละระบบ ดูรายละเอียดได้ที่ไอคอนที่มาสก์ได้

เมื่อใช้ API ข้อมูลไอคอนต้องเข้ารหัสในรูปแบบ base64url (นั่นคือ Base64 แต่แทนที่ "+" ด้วย "-" และแทนที่ "/" ด้วย "_" [ดูรายละเอียดใน RFC 4648 ส่วน 5])


สร้างเว็บแอป

คุณสร้างเว็บแอปได้โดยการฝัง iframe ของ Managed Google Play ในคอนโซล EMM หรือโดยการผสานรวมกับ API 2 แนวทางนี้ใช้แทนกันได้และมอบประสบการณ์การใช้งานเดียวกันแก่ผู้ใช้ปลายทางในอุปกรณ์ คุณจึงตัดสินใจได้ว่าจะใช้แนวทางใดกับโซลูชันของคุณ

ตัวเลือกที่ 1: ฝัง iframe ของ Managed Google Play

iframe ของ Managed Google Play มีอินเทอร์เฟซผู้ใช้สำหรับผู้ดูแลระบบไอทีในการสร้าง แก้ไข และลบเว็บแอป หากเลือกที่จะรองรับเว็บแอปผ่านตัวเลือกนี้ ให้ทําตามวิธีการเพื่อฝัง iframe ของ Managed Google Play ลงในคอนโซล EMM เข้าถึงอินเทอร์เฟซของเว็บแอปได้จากเมนูการนำทางด้านซ้ายของ iframe

หลังจากสร้างเว็บแอปใน iframe แล้ว ระบบจะใช้เวลา 2-3 นาทีก่อนที่จะเลือกแอปในอินเทอร์เฟซได้ เมื่อเลือกเว็บแอป ระบบจะทริกเกอร์เหตุการณ์ onproductselect โดยใช้รหัสผลิตภัณฑ์ของเว็บแอปซึ่งส่งในเหตุการณ์

คุณเผยแพร่เว็บแอปให้กับผู้ใช้ได้โดยใช้รหัสผลิตภัณฑ์ของเว็บแอป

ตัวเลือกที่ 2: ผสานรวมกับ API

อีกวิธีในการรองรับเว็บแอปในคอนโซล EMM คือการผสานรวมกับ API ของเว็บแอป หากต้องการสร้างเว็บแอป ให้ใช้เมธอด webapps.insert คุณใช้วิธีอื่นๆ ต่อไปนี้ได้

  • แสดงรายการเว็บแอปทั้งหมดขององค์กร
  • เรียกข้อมูลรายละเอียดของเว็บแอปเดียว
  • อัปเดตเว็บแอป
  • ลบเว็บแอป
โปรดดูรายละเอียดที่หัวข้อการอ้างอิง API

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

เผยแพร่เว็บแอป

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

อุปกรณ์ต้องติดตั้ง Google Chrome (ชื่อแพ็กเกจ com.android.chrome) จึงจะรองรับโหมดการแสดงผลของเว็บแอปได้ เราขอแนะนำให้เพิ่ม Chrome ลงในนโยบายของอุปกรณ์และตั้งค่า autoInstallMode เป็น forceAutoInstall เพื่อให้แน่ใจว่ามีการติดตั้ง Chrome ในอุปกรณ์

หากไม่ได้ติดตั้ง Google Chrome ในอุปกรณ์ การเปิดเว็บแอปจะแสดงกล่องโต้ตอบที่ระบุว่าต้องติดตั้ง Google Chrome

อัปเดตเว็บแอป

iframe ของ Managed Google Play ช่วยให้ผู้ดูแลระบบไอทีแก้ไขเว็บแอปที่เผยแพร่ได้ เมื่อใช้ API คุณจะสามารถอัปเดตแง่มุมต่างๆ ของเว็บแอปได้โดยเรียกใช้ webapps.patch เมธอดนี้ใช้ชื่อแอปนอกเหนือจากพารามิเตอร์เดียวกับ webapps.insert

การอัปเดตอาจใช้เวลา 2-3 นาทีไปจนถึง 24 ชั่วโมงจึงจะมีผลในอุปกรณ์ทุกเครื่อง ทั้งนี้ขึ้นอยู่กับการตั้งค่าการอัปเดตแอป ในบางกรณีผู้ใช้อาจต้องล้างแคชออกจากแอป Launcher ของอุปกรณ์เพื่อให้การอัปเดตชื่อเว็บแอปมีผลใน Launcher

โปรดทราบว่า Google จะรีเฟรชเว็บแอปเป็นระยะเพื่ออัปเดต Wrapper ของ Chrome ซึ่งจะไม่ส่งผลต่อองค์กรหรือผู้ใช้ ยกเว้นว่าหมายเลขเวอร์ชันของเว็บแอปจะเปลี่ยนไป และ Play Store จะอัปเดตแอปโดยอัตโนมัติในเวลาที่สะดวกครั้งถัดไป

ลบเว็บแอป

iframe ของ Managed Google Play ช่วยให้ผู้ดูแลระบบไอทีลบเว็บแอปได้ เมื่อใช้ API คุณจะเรียกใช้ webapps.delete เพื่อลบเว็บแอปได้ การลบเว็บแอปจะนำแอปออกจาก Play Store ที่มีการจัดการ แต่ไม่ถอนการติดตั้งจากอุปกรณ์ หากต้องการถอนการติดตั้งเว็บแอปจากอุปกรณ์ ให้โทรไปที่ installs.delete