มาลองเล่น LIFF และ Messaging API กัน

Описание: ☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
   / @mikelopster  

ลองไมค์ สัปดาห์นี้ พามาทำความรู้จักกับ LIFF (LINE Frontend Framework) กันว่ามันคืออะไร เราสามารถพัฒนา Web app ลงบน LINE ได้อย่างไร และ LIFF กับ LINE Messaging API (ตัว API ที่สามารถทำตัวเป็น chatbot คุยผ่าน LINE ได้) สามารถใช้งานร่วมกันได้ยังไง มาทำความรู้จักกันผ่านลองไมค์วันนี้กันครับ

หัวข้อนี้เราจะพาเริ่มเล่นกันตั้งแต่
การสร้างเว็บเพื่อนำไปขึ้น LIFF
ส่ง message เข้า LINE โดยใช้ UserId จาก LIFF
ทำ Backend (ผ่าน Node.js) เพื่อทำส่วนส่วน Message จาก LIFF ไป
ทดลอง Deploy ขึ้น Vercel เพื่อมาทดสอบประสบการณ์จริงของ LIFF บน LINE
ลองส่ง Message และเปลี่ยน Rich menu ผ่าน Webhook

เชื่อว่าใครดูคลิปนี้จบ จะเห็นภาพการใช้ UserID ผ่านจักรวาลของ LINE API แน่นอน 😁

หัวข้อ
00:00 แนะนำ Session
00:40 LIFF คืออะไร ?
04:05 LINE API Service มีอะไรบ้าง
08:44 แนะนำ UserID ตัวแทนการสื่อสารระหว่าง Channel และ User
10:24 สร้าง Dev channel
18:30 เริ่มทำ code Frontend ส่วน LIFF
22:27 Frontend - เพิ่ม LINE Login (ผ่าน LIFF)
25:40 Frontend - ดึง Profile มาแสดงหน้าเว็บ
26:20 Frontend - เพิ่ม Logout ผ่าน LIFF
30:12 แนะนำ LINE Messaging API และลองยิง Message เข้า LINE
34:07 Node.js - เพิ่ม API สำหรับการยิง Message เข้า LINE
42:03 Frontend - เพิ่มตัวส่ง Message ที่หน้าเว็บ
47:22 เอา Frontend deploy ขึ้น Vercel และใส่ LIFF (และเพิ่ม ngrok)
53:24 เปิด LIFF บน LINE จริงๆ
54:37 เพิ่ม webhook เข้าไป
58:16 ส่ง Message เข้า LINE ผ่าน UserId จาก Webhook
1:01:04 เพิ่ม Rich menu default เข้าไป
1:06:32 เพิ่มอีก 1 Rich menu เข้าไป และ ลองเปลี่ยน Richmenu จาก UserId
1:11:27 เพิ่ม Richmenu Alias ให้กดไป - กลับได้
1:13:58 สรุปภาพใหญ่ของ LIFF และ LINE Messaging API
1:15:23 อื่นๆเพิ่มเติมที่เกี่ยวข้องกับ LINE
1:17:15 สรุปทั้งหมด

อ่านเพิ่มเติมได้ที่
https://mikelopster.dev/posts/liff-exp

ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
Facebook page:   / mikelopster.dev   กันได้เลย

พิกัดของด้านหลัง : https://shope.ee/8A54c8cfkf

Enjoy ครับ 😘