Android ช่วยให้คุณในฐานะนักพัฒนาแอปสามารถใช้ประโยชน์จากประสิทธิภาพของเว็บภายในแอปของคุณ เพื่อให้คุณได้รับประโยชน์จากความยืดหยุ่นและประสิทธิภาพในการแสดงเนื้อหาบางประเภท
ซึ่งช่วยให้คุณผสานรวมเนื้อหาเว็บที่มีอยู่เข้ากับแอปพลิเคชัน Android เนทีฟได้อย่างราบรื่น เช่น เพื่อแสดงฟีดข่าว แสดงบทแนะนำแบบอินเทอร์แอกทีฟ แสดงโฆษณา หรือแม้แต่โฮสต์มินิเกมโดยไม่ต้องสร้างทุกอย่างตั้งแต่ต้น โดยให้คิดว่า WebView เป็นหน้าต่างที่นำคุณไปสู่อินเทอร์เน็ตจากภายในแอปของคุณ ซึ่งมี 2 วิธีในการฝังเนื้อหาเว็บลงในแอป ดังนี้
- WebView: แสดงเนื้อหาเว็บที่คุณควบคุมแบบอินไลน์ในตำแหน่งที่ต้องการความยืดหยุ่นสูงในการปรับแต่งหรืออัปเดต UI
- แท็บที่กำหนดเอง: ประสบการณ์การท่องเว็บในแอปแบบเต็มที่ขับเคลื่อนโดยเบราว์เซอร์เริ่มต้นของผู้ใช้ (ดูการรองรับเบราว์เซอร์) เมื่อผู้ใช้คลิกลิงก์และคุณต้องการให้ผู้ใช้อยู่ในแอป แทนที่จะออกจากแอปไปยังเบราว์เซอร์ภายนอก โดยมีประสบการณ์การท่องเว็บส่วนใหญ่ พร้อมใช้งานทันที


เหตุใดจึงควรฝังเนื้อหาเว็บ
- ประสิทธิภาพ: นำโค้ดที่มีอยู่จากเว็บไซต์มาใช้ซ้ำ สร้างต่อยอดจากเทคโนโลยีและเนื้อหาเว็บที่มีอยู่
- การผสานรวม: ใช้ประโยชน์จากเนื้อหาภายนอกจากผู้ให้บริการบุคคลที่สาม เช่น สื่อ โฆษณา ภายในแอป
- ความยืดหยุ่น: อัปเดตเนื้อหาแบบไดนามิกโดยไม่ต้องจำกัดอยู่กับ UI ที่กำหนดไว้ล่วงหน้า หรือไม่ต้องเผยแพร่การอัปเดตแอป
กรณีที่ควรใช้เนื้อหาเว็บ
กรณีการใช้งานหลัก 3 กรณีสำหรับการใช้เว็บในแอป Android มีดังนี้
1. การฝังเนื้อหาเว็บลงในแอปเป็นเนื้อหาหลักหรือเนื้อหาสนับสนุน: ใช้ WebView
- แสดงเนื้อหาเว็บของคุณเองแบบอินไลน์เป็นประสบการณ์หลักในที่ที่คุณต้องการความยืดหยุ่นสูงในการปรับแต่งหรืออัปเดต UI
- แสดงเนื้อหาอื่นๆ เช่น โฆษณา ข้อกำหนดและกฎหมาย หรือเนื้อหาอื่นๆ ของบุคคลที่สามแบบอินไลน์ หรือเป็นหน้าต่างภายในประสบการณ์การใช้งานแอป


2. การเรียกดูในแอปโดยใช้แท็บที่กำหนดเองหรือ WebView สำหรับกรณีการใช้งานขั้นสูง
- มอบประสบการณ์การท่องเว็บในแอปอย่างเต็มรูปแบบเมื่อผู้ใช้คลิกลิงก์และคุณต้องการให้ผู้ใช้อยู่ในแอปแทนที่จะออกไปใช้เบราว์เซอร์ภายนอก
- หมายเหตุ: สำหรับอุปกรณ์หน้าจอขนาดใหญ่ เช่น แท็บเล็ตและอุปกรณ์แบบพับได้ จะมี ตัวเลือกเพิ่มเติมที่จะช่วยให้แอปใช้ประโยชน์จากพื้นที่เพิ่มเติมได้
- แอปสามารถเปิดลิงก์เว็บในโหมดแยกหน้าจอได้โดยใช้ เปิดประสบการณ์การใช้งานแบบหลายหน้าต่างที่อยู่ติดกัน ซึ่งช่วยให้ผู้ใช้ทำงานหลายอย่างพร้อมกัน ระหว่างแอปกับเบราว์เซอร์ได้ หรือ
- แท็บที่กำหนดเองมีตัวเลือกแผงด้านข้างที่เปิดในงานเดียวกันได้ แต่จะอยู่ข้างเนื้อหาแอปที่มีอยู่
- แท็บที่กำหนดเองทำงานด้วยเบราว์เซอร์เริ่มต้นของผู้ใช้สำหรับเบราว์เซอร์ที่รองรับแท็บที่กำหนดเอง
- แม้ว่าคุณจะใช้ WebView และมอบประสบการณ์การท่องเว็บในแอปที่ปรับแต่งได้สูง แต่เราขอแนะนำให้ใช้แท็บที่กำหนดเองเพื่อมอบประสบการณ์การใช้งานเบราว์เซอร์ แบบสำเร็จรูปและการเปลี่ยนผ่านที่ราบรื่นเมื่อผู้ใช้ต้องการเปิดลิงก์เว็บในเบราว์เซอร์

3. ขั้นตอนการเข้าสู่ระบบหรือการตรวจสอบสิทธิ์ภายในแอป
แนวทางที่ Android แนะนำคือการสร้างขั้นตอนการเข้าสู่ระบบหรือการตรวจสอบสิทธิ์ โดยใช้ Credential Manager หากยังคงต้องใช้เว็บแบบฝังสำหรับประสบการณ์การใช้งานเหล่านี้ โปรดดูคำแนะนำต่อไปนี้
- บางแอปใช้ WebView เพื่อมอบโฟลว์การลงชื่อเข้าใช้สำหรับผู้ใช้ ซึ่งรวมถึง การใช้ชื่อผู้ใช้และพาสคีย์ (หรือรหัสผ่าน) ที่เฉพาะเจาะจงสำหรับแอปของคุณ ซึ่งช่วยให้ นักพัฒนาแอปสามารถรวมโฟลว์การตรวจสอบสิทธิ์ในแพลตฟอร์มต่างๆ ได้
- เมื่อลิงก์ไปยังผู้ให้บริการข้อมูลประจำตัวหรือประสบการณ์การเข้าสู่ระบบของบุคคลที่สาม เช่น "ลงชื่อเข้าใช้ด้วย…" แท็บที่กำหนดเองคือตัวเลือกที่เหมาะสม การเปิดแท็บที่กำหนดเองจะช่วยให้มั่นใจได้ว่าระบบจะปกป้องและแยกข้อมูลเข้าสู่ระบบของผู้ใช้ไว้ในเว็บไซต์ของบุคคลที่สาม
ดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้ประโยชน์จาก WebView สำหรับการตรวจสอบสิทธิ์ได้ที่ ตรวจสอบสิทธิ์ผู้ใช้ด้วย WebView ดูข้อมูลเกี่ยวกับการเปิดใช้ Custom Tab ได้ที่ภาพรวมของ Android Custom Tabs

