Line LIFF APP คืออะไร ใช้ยังไง แจกคอร์สเรียน liff free !!!

หลายๆคนทำงานกับแอพ 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 LIFF

วิธี set up Line LIFF นั้นง่ายมาก โดยมีรองรับทั้งแบบ CDN และเป็นแบบ NPM ด้วย ผมขอไม่อธิบายตรงนี้นะครับเพราะสามารถทำตามคู่มือได้เลยครับ วิธีติดตั้ง Line LIFF APP หลังจากติดตั้งเสร็จเราสามารถจะปรับหน้าจอความสูงได้ 3 แบบแต่แนะนำว่าให้เอาแบบ FULL นะครับเพราะว่าถ้าสมมติจะใช้ฟังก์ชั่น scan จะใช้ไม่ได้ครับ มันบังคับต้องเป็นหน้าจอระดับ FULL ครับ

เวลา set up ตัว LIFF มันมี 2 channel ที่ทำได้คือ

  • Line Login ( อันนี้บทความนี้ใช้อยู่ )
  • Line mini app

โดยต้องเลือกเป็น app type เป็น web app นะครับ

Limitation ข้อจำกัด

  • ไม่สามารถลบ cache ใน LIFF ได้ อันนี้ต้องระวังนะครับ
  • จะเปิด Line LIFF ให้ส่งข้อความได้เหมือนเราส่งใน Line จำเป็นต้องเปิด Link ที่เป็นตัว liff นะครับ ไม่อย่างนั้นส่งข้อความไม่ได้ครับ ตัวอย่าง LIFF LINK https://liff.line.me/xxxxxxxxxx
  • ตัวข้อความที่ส่งสามารถส่งได้สูงสุด 5 ข้อความในการส่งครั้งเดียวครับ
  • ไม่ใช่ว่าทุก Account จะมี email นะครับ เพราะบางคนลงทะเบียนด้วยเบอร์โทรศัพท์อย่างเดียว

ผมเคยเขียนอธิบายเพิ่มเติมสามารถอ่านได้ใน link ด้านล่างเลยครับ

https://www.oxygenyoyo.com/2019/10/26/line-liff-limitation/

Implement LIFF เป็นอย่างไรบ้าง

บอกตรงๆว่า ฟังก์ชั่นมันไม่ได้ทำอะไรได้เยอะ และการจะไป implement กับระบบที่มีอยู่แล้วจะเป็นเรื่องยุ่งยากระดับหนึ่งเลยครับ ยกตัวอย่างเช่น สมมติว่าระบบของคุณสามารถลงทะเบียนได้หลายแบบเช่น email, facebook, google โดยหลักๆจะใช้ email เป็นตัวหลักในการตรวจสอบว่าแต่ละ ID นั้นคือคนๆเดียวกัน

แต่ Line LIFF นั้นมันสะดวกตอน Login ก็จริงอยู่ แต่มันไม่ได้ให้ email นะครับคุณต้องไป set up ใน LIFF ว่าคุณจะใช้ email ด้วย

พอ up load รูปเข้าไปก็จะมี email ให้เลือกตอน scope แล้วครับ ผมอาจจะอธิบายไม่ละเอียดแต่คุณสามารถอ่านได้ที่บทความนี้ครับ

วิธีดึง Email ของผู้ใช้ liff v2

หลังจากที่ได้มาคุณต้องส่ง token ไปให้หลังบ้านเอาไป ยืนยันกับ line api อีกรอบเพื่อดึงเอา email มาแล้วยืนยันว่าเป็น email เดียวกับในระบบของคุณประมาณนั้นครับ เอาจริงๆ ถ้าเป็นไปได้ตัว LIFF มันเหมาะกับการแยกไปทำอะไรบางอย่างของ Line พอไม่ต้องเอาไปรวมกับระบบหลักจะดีมากนะในความคิดเห็นผม

เช่น อยากรู้อะไรที่เกี่ยวกับทาง Line มีคนคลิก Link ที่โฆษณาไปทาง Line แล้วเปิด LIFF ขึ้นมากี่คนแบบนี้เขียนได้ไม่ยุ่งยาก แต่เอาจริงๆถ้าจะทำก็ทำได้หมดนั่นแหละ เพียงแต่มันจะยุ่ง

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 และสามารถรับเรื่องต่อจากการใช้ LIFF ของลูกค้าได้เลย

ถ้ากดเข้าไปดูใน Link จะมีการบอกว่าใช้ service อะไรบ้าง และมีออกแบบอย่างไร ลองเข้าไปศึกษาดูได้นะครับ ของดีจริง

ถ้าอยากดูมากกว่านี้เชิญด้านล่างเลยได้ครับ

Line LIFF Use Case

จะเริ่มเข้าใจภาพรวมว่าจริงๆแล้วก็ต้องใช้งานร่วมกับ bot หรือ line OA ( Official Account ) เพื่อให้สามารถสอดประสาการทำงานได้อย่างได้ดีเยี่ยมครับ

คอร์สเรียนฟรี !!

มีคอร์สเรียนฟรีตั้งแต่ปี 2020 แต่ยังฟรีถึงตอนนี้อยากให้คนที่อยากจะศึกษาได้ไปลองเรียนกันดูครับ ผมเรียนจบแล้วถือว่าบอกเรื่องพื้นฐานได้ครบถ้วนสมบูรณ์มากๆ ถ้าหากอ่านบทความนี่แล้วยังไม่กระจ่าง ลองเรียนคอร์สนี้ดูครับ

Getting Started with LIFF Development

ส่งท้าย

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

ถ้าคุณชอบบทความในเว็บนี้ และอยากสนับสนุนเรา เพียงแค่คุณสมัครรับข่าวสารด้านล่างจะได้รับสิทธิ์พิเศษก่อนใคร เราสัญญาว่าจะส่งบทความที่เป็นประโยชน์ต่อคุณอย่างแน่นอนครับ

Loading

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Message us

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ปฎิเสธทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • คุกกี้ที่จำเป็น

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

บันทึก