คำเตือน
- ตั้งแต่ต้นเดือนกุมภาพันธ์ปี 2020 นักพัฒนาจะไม่สามารถเพิ่ม LIFF ที่ Messaging API Channel ได้ จะเพิ่มใหม่ได้ที่ LINE Login Channel เท่านั้น
- LIFF ที่เคยลงทะเบียนไว้ที่ Messaging API Channel ก่อนเดือนกุมภาพันธ์ปี 2020 จะยังคงใช้งานได้ต่อไป(แบบหวั่นๆ 555+)
🥺ขั้นตอนในบทความนี้จะไม่สามารถทำตามได้แล้วนะครับ ระหว่างรออัพเดทบทความแนะนำอ่านบทความนี้
LIFF ย่อมาจาก LINE Front-End Framework เป็น Web View ที่อยู่ภายในแอปพลิเคชั่น LINE พูดง่ายๆ คือ เราสามารถฝังหน้าเว็บลงไปในห้องแชทได้ ทำให้ประสบการณ์การใช้งานหน้าเว็บของเรา Integrate เข้ากับ LINE App อย่างไร้รอยต่อมากยิ่งขึ้นโดยที่ผู้ใช้ไม่ต้องออกจากห้องแชตเลย ถ้าหากเราใช้ LIFF เข้ามาช่วยจะสามารถทำแบบนี้ได้ครับ
ลองสร้าง LIFF แบบไม่เขียน Code กันเลย
— กรณีที่เรามี Channel ที่สร้างไว้อยู่แล้ว ให้ไปที่ Channel ใน Messaging API จะเห็นว่ามี Tab LIFF อยู่ก็กดเข้าไป แล้วกด Add เพื่อเพิ่ม LIFF ให้กับ LINE Bot ของเราได้เลยครับ โดยใน Channel หนึ่งจะสามารถสร้าง LIFF App ได้สูงสุด 30 อัน ซึ่งเมื่อสร้างเสร็จแล้วจะแชร์ลิงก์เอาไปใช้ในหน้าแชตไหนก็ได้
— ทำการตั้งชื่อ LIFF และเลือกขนาดที่ต้องการให้แสดงผลได้ 3 ขนาดตามตัวอย่างก่อนหน้าครับ
— แล้วกำหนด Link URL ที่เราต้องการให้แสดงผลใน LIFF พร้อม Scopes ของการเข้าถึงผู้ใช้งานด้วยครับ แถมยังมี Options ให้เลือกใช้งานอีกด้วยแล้วอย่าลืมกด Add โดยรายละเอียดเพื่อนๆ สามารถดูเพิ่มเติมได้ที่ https://developers.line.biz/en/docs/liff/registering-liff-apps/
— แล้วเราก็จะได้ LIFF URL ของหน้าเว็บนั้นมาใช้งานแล้วครับ ใครมีหน้าเว็บอะไรบ้างก็กดสร้างเพิ่มเติมได้เลย
— จากเดิมที่ LINE Bot ได้สร้าง Rich Menu ให้เชื่อมต่อไปยังเว็บไซต์ Link URL โดยตรง ผมก็จะเปลี่ยนมาให้ใช้ LIFF แทนดังรูป (ใครที่อยากลองสร้าง Rich Menu แบบง่ายลองดูวิธี สร้าง Rich Menu และ Quick Reply ง่ายนิดเดียว ก่อนได้ครับ)
— เมื่อเข้าไปที่ LINE Bot ที่สร้างไว้ ให้ลองเลือก Rich Menu ที่เชื่อมกับ LIFF URL ในที่นี้คือเมนู More Information ระบบจะให้ผู้ใช้งานอนุญาติให้ LIFF App เข้าถึงข้อมูลของผู้ใช้ด้วยครับ เช่น ชื่อ, รูปโปรไฟล์ และข้อความ Status
— มาดูความแตกต่างจากการใช้งานแบบ LIFF URL และ Link URL แบบธรรมดากันครับ
ท้ายสุด จะเห็นได้ว่าหากเราใช้ LIFF URL ในการเปิดหน้าเว็บจะดูใช้งานง่ายมากกว่า และกลับไปยังห้องแชตได้ง่ายๆ เพื่อนๆ มีไอเดียอะไรก็น่าจะนำไปปรับใช้ได้ไม่อยากน่ะครับ ทั้งหน้าเว็บให้ผู้ใช้กรอกฟอร์มที่เราต้องการหรือข้อมูลเพิ่มเติมอื่นๆ เช่นที่อยู่จัดส่ง หรือการชำระเงิน เป็นต้น และใน LINE Developer API ยังมีอะไรๆ ให้เล่นอีกมากครับ เพื่อที่จะนำไปปรับใช้กับ LINE Bot ของเราได้ เพื่อนๆ สามารถอ่านบทความเพื่อทำความรู้จักเกี่ยวกับ LINE LIFF ให้เข้าใจมากขึ้นได้ทั้ง 2 บทความนี้เลย Happy Life…Happy Coding (แต่วันนี้ไม่มี Code นี่เนอะ)😂
- มารู้จักกับ LIFF — สิ่งที่จะมาเติมเต็มในการทำ Chat Bot กัน!
- LIFF v2 มาแล้ว! เพิ่มหลาย Feature เพื่อให้นักพัฒนาสร้างสรรค์ Web Apps เจ๋งๆบน LINE ได้มากขึ้น!
Ruk-Com จดโดเมน-เช่าโฮสต์ ราคาประหยัด พร้อมให้บริการใน 1 นาที
🔗 http://bit.ly/36q8A12