ทำ LINE Rich Menu หลายหน้าและสลับแท็บด้วย Rich Menu Alias

องค์ประกอบของเมนูหลายหน้า

แต่ละหน้าคือ Rich Menu คนละรายการ มีภาพ พื้นที่ และ ID ของตัวเอง จากนั้นสร้าง richMenuAliasId เพื่อชี้ไปยังแต่ละ ID แล้วใช้ Action type richmenuswitch บนบริเวณแท็บ

• Page A และ Page B ต้องสร้างและอัปโหลดภาพสำเร็จ
• Alias ต้องอยู่ Channel เดียวกับ Rich Menu
• ชื่อ Alias รองรับ a-z, 0-9, underscore และ hyphen สูงสุด 32 ตัว
• Action ต้องมี richMenuAliasId และ data

โครงสร้างที่ดูแลง่าย

เมื่อออกแบบหน้าสินค้าเวอร์ชันใหม่ ให้สร้าง richmenu-DDD แล้ว Update alias menu-products ให้ชี้ไป ID ใหม่ ปุ่มแท็บในหน้าอื่นยังใช้ Alias เดิมจึงไม่ต้องสร้างใหม่ทั้งหมด

หน้าหลัก       alias: menu-home     -> richmenu-AAA
สินค้า         alias: menu-products -> richmenu-BBB
บริการ         alias: menu-service  -> richmenu-CCC

ข้อผิดพลาดที่พบบ่อย

ออกแบบแถบแท็บให้ตำแหน่งและลำดับเหมือนกันทุกหน้า พร้อมสถานะ active ที่เห็นชัด แต่ไม่ควรทำพื้นที่ปุ่มเล็กเกินไปเพื่อแลกกับจำนวนแท็บ

• สร้าง Alias ก่อนอัปโหลดภาพให้เมนูปลายทาง
• Alias ชี้ไป Rich Menu คนละ Channel
• แท็บอยู่คนละตำแหน่งระหว่างแต่ละภาพจนผู้ใช้สับสน
• ลบ Alias ที่ยังถูกอ้างถึง
• ทดสอบเฉพาะ API แต่ไม่แตะจริงบน LINE มือถือ

แผนปล่อยแบบย้อนกลับได้

สร้างทุกหน้าและ Alias ในสถานะที่ยังไม่เป็น Default ทดสอบการสลับแบบรายผู้ใช้หรือบัญชีทดสอบก่อน จากนั้นตั้งหน้าหลักเป็น Default เก็บ mapping เก่าไว้ และเปลี่ยน Alias กลับหากพบปัญหา