หลายๆคนทำงานกับแอพ Line บ่อยมากสำหรับคนไทย และน่าจะเคยได้ยินว่าเกี่ยวกับ Line LIFF App วันนี้จะมาพูดถึงว่ามันคืออะไร ทำงานอะไรได้บ้าง มี case ที่ใช้งานจริงอย่างไรบ้างครับ ที่สำคัญคือแจกคอร์สเรียนฟรี !!!
Line LIFF คืออะไร ?
LIFF ( ย่อมาจาก Line Front-end Framework ) ท่าจะเอาให้เข้าใจง่ายๆเลยคือ การทำให้เว็บที่เปิดในตอน chat ในแอพ Line สามารถ Login หรือส่งข้อความในรูปแบบต่างๆได้เลย โดยไม่ต้องเปิดจาก external browser ( หมายถึงเปิดจาก safari หรือ chrome )
โดยสิ่งที่ต้องรู้ไว้ก่อนว่า มันยังไม่ support openchat และมันอาจจะทำ function บางอย่างไม่ได้เพราะมันพึ่งพา Browser ในแต่ละ OS
เริ่ม Set up
วิธี set up นั้นง่ายมาก โดยมีรองรับทั้งแบบ CDN และเป็นแบบ NPM ด้วย ผมขอไม่อธิบายตรงนี้นะครับเพราะสามารถทำตามคู่มือได้เลยครับ วิธีติดตั้ง หลังจากติดตั้งเสร็จเราสามารถจะปรับหน้าจอความสูงได้ 3 แบบแต่แนะนำว่าให้เอาแบบ FULL นะครับเพราะว่าถ้าสมมติจะใช้ฟังก์ชั่น scan จะใช้ไม่ได้ครับ มันบังคับต้องเป็นหน้าจอระดับ FULL ครับ
เวลา set up มันมี 2 channel ที่ทำได้คือ
- Line Login ( อันนี้บทความนี้ใช้อยู่ )
- Line mini app
โดยต้องเลือกเป็น app type เป็น web app นะครับ
Limitation ข้อจำกัด
- ไม่สามารถลบ cache ได้ อันนี้ต้องระวังนะครับ
- จะเปิดให้ส่งข้อความได้เหมือนเราส่งใน Line จำเป็นต้องเปิด Link ที่เป็นตัว liff นะครับ ไม่อย่างนั้นส่งข้อความไม่ได้ครับ ตัวอย่าง LINK https://liff.line.me/xxxxxxxxxx
- ตัวข้อความที่ส่งสามารถส่งได้สูงสุด 5 ข้อความในการส่งครั้งเดียวครับ
- ไม่ใช่ว่าทุก Account จะมี email นะครับ เพราะบางคนลงทะเบียนด้วยเบอร์โทรศัพท์อย่างเดียว
ผมเคยเขียนอธิบายเพิ่มเติมสามารถอ่านได้ใน link ด้านล่างเลยครับ
Implement เป็นอย่างไรบ้าง
บอกตรงๆว่า ฟังก์ชั่นมันไม่ได้ทำอะไรได้เยอะ และการจะไป implement กับระบบที่มีอยู่แล้วจะเป็นเรื่องยุ่งยากระดับหนึ่งเลยครับ ยกตัวอย่างเช่น สมมติว่าระบบของคุณสามารถลงทะเบียนได้หลายแบบเช่น email, facebook, google โดยหลักๆจะใช้ email เป็นตัวหลักในการตรวจสอบว่าแต่ละ ID นั้นคือคนๆเดียวกัน
แต่ มันสะดวกตอน Login ก็จริงอยู่ แต่มันไม่ได้ให้ email นะครับคุณต้องไป set up ว่าคุณจะใช้ email ด้วย
พอ up load รูปเข้าไปก็จะมี email ให้เลือกตอน scope แล้วครับ ผมอาจจะอธิบายไม่ละเอียดแต่คุณสามารถอ่านได้ที่บทความนี้ครับ
หลังจากที่ได้มาคุณต้องส่ง token ไปให้หลังบ้านเอาไป ยืนยันกับ line api อีกรอบเพื่อดึงเอา email มาแล้วยืนยันว่าเป็น email เดียวกับในระบบของคุณประมาณนั้นครับ เอาจริงๆ ถ้าเป็นไปได้ตัวมันเหมาะกับการแยกไปทำอะไรบางอย่างของ Line พอไม่ต้องเอาไปรวมกับระบบหลักจะดีมากนะในความคิดเห็นผม
เช่น อยากรู้อะไรที่เกี่ยวกับทาง Line มีคนคลิก Link ที่โฆษณาไปทาง Line แล้วเปิดขึ้นมากี่คนแบบนี้เขียนได้ไม่ยุ่งยาก แต่เอาจริงๆถ้าจะทำก็ทำได้หมดนั่นแหละ เพียงแต่มันจะยุ่ง
Use case ( การนำไปใช้งานจริง )
จริงๆมันมีหลายตัวอย่างเลยผมจะยกมาซักหนึ่งแอพนะครับ
แอพจองร้านอาหารแบบ Demo ของทาง line
โดยขั้นตอนมันจะจบในตัวแอพเลยครับ ลองเข้าไปแล้ว scan ดูโดยอันนี้เป็น demo นะครับไม่ได้จองจริง เข้าไปดูว่าเขาทำ use case อย่างไร โดยอธิบายง่ายๆคือ เขาจะลำดับให้ scan -> liff app -> add Line OA ( Bot ) -> เข้าสู่หน้าเว็บแล้วทำการเลือกสถานที่และช่างพร้อมกับวันเวลาที่จะจอง -> เก็บข้อมูลแล้วให้ bot ยิง notification เมื่อใกล้ถึงวันจอง
ข้อดีของ use case นี้คือ
- ลูกค้าไม่ต้อง download app อะไรเพิ่มเติมสามารถทำเสร็จจบในแอพ line ได้เลย
- ช่วยให้ลูกค้าจดจำการจองได้ด้วย ส่วนใหญ่คนไทยก็ใช้ line เป็นแอพ chat พื้นฐานอยู่แล้ว
- ในด้านของ operation สามารถทำงานต่อได้เลยกับ user ใน line OA และสามารถรับเรื่องต่อของลูกค้าได้เลย
ถ้ากดเข้าไปดูใน Link จะมีการบอกว่าใช้ service อะไรบ้าง และมีออกแบบอย่างไร ลองเข้าไปศึกษาดูได้นะครับ ของดีจริง
ถ้าอยากดูมากกว่านี้เชิญด้านล่างเลยได้ครับ
จะเริ่มเข้าใจภาพรวมว่าจริงๆแล้วก็ต้องใช้งานร่วมกับ bot หรือ line OA ( Official Account ) เพื่อให้สามารถสอดประสาการทำงานได้อย่างได้ดีเยี่ยมครับ
คอร์สเรียนฟรี !!
มีคอร์สเรียนฟรีตั้งแต่ปี 2020 แต่ยังฟรีถึงตอนนี้อยากให้คนที่อยากจะศึกษาได้ไปลองเรียนกันดูครับ ผมเรียนจบแล้วถือว่าบอกเรื่องพื้นฐานได้ครบถ้วนสมบูรณ์มากๆ ถ้าหากอ่านบทความนี่แล้วยังไม่กระจ่าง ลองเรียนคอร์สนี้ดูครับ
ส่งท้าย
หากชอบบทความแบบนี้สามารถ comment หรือแชร์เพื่อเป็นกำลังใจให้กับทีมงาน คุณสามารถติดตามข่าวสารใหม่ๆของเว็บเราได้ด้านล่างนะครับ ชอบไม่ชอบอย่างไร สามารถพิมพ์บอกได้นะครับ
