Who is LINE LIFF and MINI App Development for, and what background is needed?

Built for Frontend and full-stack developers building LINE-based services for their organisation's customers · Developers who run a LINE Official Account and want to add membership, booking or form screens · Development teams in retail, clinics, beauty and other services that rely on LINE as a main channel Background you should have: Working knowledge of JavaScript, plus HTML, CSS and the Fetch API · A basic grounding in React or another modern web framework Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does LINE LIFF and MINI App Development cost and how long does it run?

THB 6,500 (currently THB 5,850 on promotion). The course runs 12 hours. The price excludes 7% VAT (for payment in a company's name). Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.

ຄອສອື່ນໆ · OTC-21

LINE LIFF and MINI App Development

หลักสูตร LINE LIFF and MINI App Development เป็นการอบรมพัฒนาเว็บแอปที่ทำงานใน LINE ด้วย LIFF SDK และ React ตั้งแต่ Login ส่งข้อความ ตรวจสอบ ID Token ที่ Backend เชื่อม Messaging API จนถึงต่อยอดเป็น LINE MINI App เหมาะกับนักพัฒนาเว็บและทีมที่ดูแล LINE OA จบแล้วได้แอปจองคิวพร้อมบัตรสมาชิกต้นแบบ

ອັບເດດລ່າສຸດ 1 ຕ.ລ. 2026

ລາຄາເລີ່ມຕົ້ນ 5,850 ບາດ / ທ່ານ 6,500 −10% ຍັງບໍ່ລວມ VAT 7% · ມີລາຄາໝູ່ຄະນະ

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ ລົງຊື່ຈອງໄວ້

PDFດາວໂຫຼດ Course Outline

ໄລຍະເວລາ12 ຊົ່ວໂມງ · 2 ມື້
ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
ຮອບຕໍ່ໄປເປີດຕາມຄຳຂໍ
ລະດັບຂັ້ນກາງ

ພາບລວມຫຼັກສູດ

LINE เป็นแอปที่คนไทยจำนวนมากใช้ติดต่อกับร้านค้าและบริการ ธุรกิจจำนวนมากจึงอยากให้ลูกค้าจองคิว สมัครสมาชิก สะสมแต้ม หรือกรอกแบบฟอร์มได้ในแชตเดียวกับที่คุยกับร้าน โดยไม่ต้องติดตั้งแอปเพิ่ม LIFF (LINE Front-end Framework) คือคำตอบของโจทย์นี้ เพราะทำให้เว็บแอปทำงานอยู่ใน LINE รู้ว่าผู้ใช้คือใคร และส่งข้อความกลับเข้าแชตได้ แต่การพัฒนาให้ใช้งานได้จริงยังมีรายละเอียดที่ต้องรู้ ทั้งการตั้งค่า Channel การยืนยันตัวตนผู้ใช้ที่ฝั่ง Server อย่างปลอดภัย และการเชื่อมกับ LINE Official Account

หลักสูตรนี้พาผู้เรียนพัฒนาเว็บแอปที่ทำงานใน LINE ด้วย LIFF SDK และ React หรือ Next.js ตั้งแต่สร้าง Channel และ LIFF App ใน LINE Developers Console การ Login และดึงข้อมูลผู้ใช้ การส่งข้อความ แชร์ และสแกน QR Code ไปจนถึงการตรวจสอบ ID Token ที่ Backend สร้างระบบสมาชิก และเชื่อมกับ Messaging API เพื่อแจ้งเตือนผู้ใช้ จากนั้นต่อยอดสู่ LINE MINI App ทั้งโครงสร้าง Channel ความต่างระหว่าง Verified และ Unverified MINI App และขั้นตอนยื่นตรวจสอบ ปิดท้ายด้วยการ Deploy และ Capstone แอปจองคิวพร้อมบัตรสมาชิกดิจิทัล (อบรม 2 วัน วันละ 6 ชั่วโมง รวม 12 ชั่วโมง ระดับ Intermediate)

ສິ່ງທີ່ທ່ານຈະໄດ້ຮັບ

สร้าง Provider, Channel และ LIFF App ใน LINE Developers Console และตั้งค่าได้ถูกต้อง
พัฒนา LIFF App ด้วย LIFF SDK ร่วมกับ React หรือ Next.js ได้
ใช้ Login ดึงข้อมูลผู้ใช้ ส่งข้อความ แชร์ และสแกน QR Code ผ่าน LIFF ได้
ตรวจสอบ ID Token ที่ Backend และผูกผู้ใช้ LINE กับระบบสมาชิกได้อย่างปลอดภัย
เชื่อม LIFF App กับ LINE Official Account ผ่าน Messaging API และ Rich Menu ได้
เข้าใจ LINE MINI App ความต่างจาก LIFF และขั้นตอนยื่นตรวจสอบ
Deploy LIFF App ขึ้น Production พร้อมแนวทางด้านความปลอดภัยและประสิทธิภาพ

ຫຼັກສູດນີ້ເໝາະສຳລັບ

Frontend และ Full-stack Developer ที่ต้องพัฒนาบริการบน LINE ให้ลูกค้าขององค์กร
นักพัฒนาที่ดูแล LINE Official Account และต้องการเพิ่มหน้าจอสมาชิก จองคิว หรือแบบฟอร์ม
ทีมพัฒนาของธุรกิจค้าปลีก คลินิก ความงาม และงานบริการที่ใช้ LINE เป็นช่องทางหลัก
ผู้ที่เคยสร้าง LINE Chatbot แล้วต้องการต่อยอดเป็นเว็บแอปที่ทำงานใน LINE
Tech Lead ที่ต้องประเมินว่าจะใช้ LIFF หรือ LINE MINI App กับโปรเจกต์

ພື້ນຖານຂອງຜູ້ເຂົ້າຝຶກອົບຮົມ

เขียน JavaScript ได้ในระดับใช้งาน และเข้าใจ HTML, CSS กับ Fetch API
มีพื้นฐาน React หรือเฟรมเวิร์กเว็บสมัยใหม่อื่น ๆ
เข้าใจแนวคิด REST API และมีพื้นฐาน Node.js จะเป็นประโยชน์
โน้ตบุ๊กที่ติดตั้ง Node.js, Git และ VS Code ได้ พร้อมสมาร์ตโฟนที่ติดตั้ง LINE สำหรับทดสอบ

ຫົວຂໍ້ການຝຶກອົບຮົມ

รายละเอียดหลักสูตร

หลักสูตรนี้อบรม 2 วัน วันละ 6 ชั่วโมง รวม 12 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายพร้อม Lab ที่พัฒนาแอปจริงหนึ่งตัวต่อเนื่องตลอดหลักสูตรและทดสอบบนมือถือของผู้เรียน ระดับ Intermediate ใช้ LIFF SDK ร่วมกับ React หรือ Next.js และ Backend ด้วย Node.js ผู้เรียนสร้าง Provider และ Channel ด้วยบัญชี LINE ของตนเอง เนื้อหาครอบคลุม

LIFF App การตรวจสอบ ID Token ที่ Backend ระบบสมาชิก Messaging API และการต่อยอดเป็น LINE MINI App แบบ Unverified พร้อมอธิบายขั้นตอนยื่นตรวจสอบเป็น Verified MINI App ซึ่งผลการพิจารณาขึ้นกับ LINE ผู้เรียนจะได้ Lab Guide โค้ดตัวอย่างครบทุก Lab และโปรเจกต์ Capstone แอปจองคิวและบัตรสมาชิกกลับไปใช้งานต่อ

Day 1 สร้าง LIFF App และใช้ LIFF SDK

Section 1: รู้จัก LIFF และ LINE MINI App

LIFF คืออะไร ทำงานใน LINE และใน External Browser ต่างกันอย่างไร
ตัวอย่างการใช้งาน: จองคิว บัตรสมาชิก สะสมแต้ม และแบบฟอร์ม
ภาพรวมสถาปัตยกรรม: LIFF App, Backend, Messaging API และ LINE Official Account
ทิศทางการรวม LIFF เข้ากับ LINE MINI App และผลต่อการเริ่มโปรเจกต์ใหม่

Section 2: Lab: สร้าง Provider, Channel และ LIFF App

Provider และ Channel ใน LINE Developers Console
เลือกระหว่าง LINE Login Channel กับ LINE MINI App Channel
ตั้งค่า LIFF App: ขนาดหน้าจอ Full, Tall, Compact, Endpoint URL แบบ HTTPS และ Scope
Lab: สร้าง LIFF App แรกและเปิดผ่าน LIFF URL บนมือถือ

Section 3: Lab: ตั้งโปรเจกต์ด้วย React หรือ Next.js

ติดตั้ง @line/liff และเรียก liff.init() ครั้งเดียวต่อการโหลดหน้า
ใช้ Create LIFF App เป็นจุดเริ่มต้น และจัดการ LIFF ID ผ่าน Environment Variable
ทดสอบบนมือถือผ่าน HTTPS Tunnel และ Debug ด้วย LIFF Inspector
Lab: โครงแอป React ที่แสดงสถานะการเชื่อมต่อกับ LIFF

Section 4: Login และข้อมูลผู้ใช้

isInClient(), isLoggedIn(), login() และ logout() ในแต่ละสภาพแวดล้อม
getProfile(), getContext() และ getOS() สำหรับปรับการทำงานของแอป
Access Token กับ ID Token ต่างกันอย่างไร และทำไมต้องขอ Scope openid
Lab: หน้าโปรไฟล์ที่รองรับทั้งการเปิดใน LINE และใน Browser

Section 5: Lab: ส่งข้อความ แชร์ และเปิดหน้าต่าง

sendMessages() กับเงื่อนไขการใช้งานและ Scope chat_message.write
shareTargetPicker() สำหรับให้ผู้ใช้แชร์ไปยังเพื่อนหรือกลุ่ม
ส่ง Flex Message ที่ออกแบบเอง และใช้ openWindow() กับ closeWindow()
Lab: ปุ่มแชร์คูปองเป็น Flex Message ไปให้เพื่อน

Section 6: Lab: สแกน QR Code และออกแบบ UX ใน LINE

scanCodeV2() สำหรับสแกน QR Code และข้อจำกัดตามสภาพแวดล้อม
ออกแบบหน้าจอให้เหมาะกับขนาด LIFF และการใช้งานบนมือถือ
ลดขนาด SDK ด้วย Pluggable SDK และทดสอบด้วย LIFF Mock
Lab: หน้าเช็กอินหน้าร้านด้วยการสแกน QR Code

Day 2 Backend, Messaging API และ LINE MINI App

Section 7: Lab: ตรวจสอบ ID Token ที่ Backend

ทำไมห้ามเชื่อ User ID หรือโปรไฟล์ที่ส่งมาจากหน้าเว็บโดยตรง
ส่ง ID Token ไปยัง Server และตรวจสอบผ่าน LINE Login API
ตรวจ Channel ID และวันหมดอายุ แล้วสร้าง Session ของแอป
Lab: Node.js API ที่ยืนยันตัวตนผู้ใช้จาก LIFF อย่างปลอดภัย

Section 8: Lab: ระบบสมาชิกและฐานข้อมูล

ออกแบบตารางสมาชิกที่ผูกกับ LINE User ID
สมัครสมาชิกครั้งแรก เก็บความยินยอม และข้อมูลที่จำเป็นตามหลัก PDPA
บัตรสมาชิกดิจิทัลพร้อม QR Code และระบบสะสมแต้ม
Lab: หน้าสมัครสมาชิกและบัตรสมาชิกที่อ่านข้อมูลจาก API

Section 9: เชื่อม LIFF กับ Messaging API

ผูก LINE Official Account กับ LINE Login Channel และชวนผู้ใช้เพิ่มเพื่อน
Push Message จาก Backend หลังผู้ใช้ทำรายการใน LIFF
เปิด LIFF App จาก Rich Menu และลิงก์ในข้อความ
Lab: แจ้งยืนยันการจองเข้าแชตพร้อมปุ่มเปิดรายละเอียดใน LIFF

Section 10: ต่อยอดเป็น LINE MINI App

LINE MINI App คืออะไร และต่างจาก LIFF App บน LINE Login Channel อย่างไร
โครงสร้าง Channel สำหรับ Developing, Review และ Published
Verified กับ Unverified MINI App ฟีเจอร์ที่ต่างกัน และเงื่อนไขในประเทศไทย
ภาพรวมขั้นตอนยื่นตรวจสอบ นโยบาย และแนวทางด้านประสิทธิภาพ

Section 11: Lab: Deploy และเตรียมขึ้น Production

Deploy Frontend และ Backend บนบริการที่รองรับ HTTPS
แยก LIFF App สำหรับ Development และ Production
ความปลอดภัย: CORS, การเก็บ Secret และการจัดการ Token
Lab: นำแอปขึ้นระบบจริงและทดสอบบนมือถือของผู้เรียน

Section 12: Workshop: Capstone แอปจองคิวและบัตรสมาชิก

ออกแบบ Flow ตั้งแต่เปิดจาก Rich Menu จนได้รับข้อความยืนยัน
พัฒนาหน้าจองคิว หน้าบัตรสมาชิก และ API ที่ตรวจสอบ ID Token
ส่งแจ้งเตือนผ่าน Messaging API และทดสอบทั้งใน LINE และ Browser
นำเสนอผลงาน รีวิวร่วมกัน และสรุป Checklist ก่อนเปิดให้ลูกค้าใช้

ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ

ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ

ຂະນະນີ້ຍັງບໍ່ມີຮອບຝຶກອົບຮົມເປີດຮັບສະໝັກ ລົງຊື່ຈອງໄວ້ໄດ້ເລີຍ ທີມງານຈະຕິດຕໍ່ກັບເປັນກຸ່ມທຳອິດເມື່ອເປີດຮອບຕໍ່ໄປ ຫຼື ສອບຖາມທາງ LINE ຫຼື ໂທ 02-570-8449 ຫຼື 088-807-9770

ລົງຊື່ຈອງໄວ້ ສອບຖາມຮອບຝຶກອົບຮົມ

ສຳລັບອົງກອນ — In-house / Private Training

ປັບເນື້ອໃນໃຫ້ກົງກັບເຄື່ອງມື ແລະ ວຽກຈິງຂອງທີມ
ເລືອກວັນເອງ ຝຶກອົບຮົມທີ່ບໍລິສັດ ຫຼື ອອນລາຍສົດ
ອອກໃບສະເໜີລາຄາໃນນາມນິຕິບຸກຄົນໃຫ້ຝ່າຍຈັດຊື້

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ

ວິທະຍາກອນຜູ້ສອນ

สามิตร โกยมCEO ที่สถาบันไอทีจีเนียส

ຄຳຖາມທີ່ພົບເລື້ອຍ

หลักสูตร LINE LIFF and MINI App Development เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับ Frontend และ Full-stack Developer ที่ต้องพัฒนาบริการบน LINE ให้ลูกค้าขององค์กร · นักพัฒนาที่ดูแล LINE Official Account และต้องการเพิ่มหน้าจอสมาชิก จองคิว หรือแบบฟอร์ม · ทีมพัฒนาของธุรกิจค้าปลีก คลินิก ความงาม และงานบริการที่ใช้ LINE เป็นช่องทางหลัก พื้นฐานที่ผู้เรียนควรมี เขียน JavaScript ได้ในระดับใช้งาน และเข้าใจ HTML, CSS กับ Fetch API · มีพื้นฐาน React หรือเฟรมเวิร์กเว็บสมัยใหม่อื่น ๆ หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449

หลักสูตร LINE LIFF and MINI App Development ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง

ราคาปกติ 6,500 บาท (โปรโมชันปัจจุบันเหลือ 5,850 บาท) ใช้เวลาอบรม 12 ชั่วโมง ราคานี้ยังไม่รวม VAT 7% (กรณีชำระในนามนิติบุคคล) ชำระค่าอบรมด้วยการโอนเข้าบัญชีบริษัท แล้วแจ้งชำระเงินผ่านหน้าแจ้งชำระเงินของเว็บไซต์ และขอใบเสร็จรับเงินหรือใบกำกับภาษีในนามบริษัทได้

เรียนจบได้รับ Certificate หรือไม่

ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส ใบประกาศแต่ละใบมีเลขที่ของตัวเอง ใครก็ตามที่มีเลขที่ใบประกาศตรวจสอบความถูกต้องออนไลน์ได้ที่หน้าตรวจสอบใบประกาศของสถาบัน จึงใช้แนบแฟ้มผลงานหรือส่งให้ฝ่ายบุคคลประกอบการพัฒนาบุคลากรได้

อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่

เรียนได้ทั้งแบบออนไซต์ที่สถาบันไอทีจีเนียส และนัดเรียนผ่านออนไลน์ และรับจัดอบรมเฉพาะทีม (In-house Training) ให้องค์กร สอบถามรอบและสถานที่ได้ที่ LINE @itgenius หรือโทร 02-570-8449

ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่

มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน แจ้งชื่อหลักสูตรและรอบที่เคยเรียนกับทีมงาน แล้วทีมงานจะตรวจสอบและแจ้งรอบที่ยังมีที่นั่งว่างให้เลือก สอบถามได้ที่ LINE @itgenius หรือโทร 02-570-8449

สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร

สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ ลงทะเบียนผู้เข้าอบรมหลายคนได้ในครั้งเดียว และกรอกเลขประจำตัวผู้เสียภาษีกับที่อยู่สำหรับออกใบกำกับภาษีได้ในฟอร์ม หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่มขอใบเสนอราคา สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius