สารบัญคู่มือ
เริ่มต้นใช้งาน

ผูกบัญชี LINE

เมื่อผูก LINE กับ D-DoGrade แล้ว ครูจะส่งคะแนน/ใบงาน/ประกาศมาให้ผ่าน LINE OA "D-DoGrade" ได้ทันที — ไม่ต้องมาเปิดเว็บเช็คเอง บทนี้พาดูทั้ง 2 โหมดในการผูก (กดเองจาก dashboard vs คลิกลิงก์ที่ครูส่งมา) รวมถึงวิธีตัดการเชื่อมต่อหากต้องการ

ทำไมต้องผูก LINE

เป็นทางเลือก ไม่บังคับ — แต่ผูกแล้วชีวิตง่ายขึ้นมากเพราะรับ noti ทันทีที่ครูประกาศ

รับคะแนนทันที

ครูประกาศคะแนนแล้ว LINE OA จะส่ง noti มาในไม่กี่วินาที

เตือนใบงานก่อน due

ใบงานใกล้ครบกำหนดจะมี noti เตือนล่วงหน้า

ส่งเป็นกลุ่มได้

ครูสามารถผูก LINE Group ของห้องเพื่อส่งทีเดียวถึงทั้งห้อง

Dialog เชิญผูกหลัง login (เด้งอัตโนมัติครั้งแรก)

หลัง login เข้าแดชบอร์ดครั้งแรก ถ้ายังไม่ผูก LINE ระบบจะเด้ง dialog เชิญผูกให้ทันที — เลือกผูกเลย หรือ 'ภายหลัง' ก็ได้

login → Dialog เด้งให้อัตโนมัติ

เมื่อ login เข้าแดชบอร์ดในฐานะ ครูหรือนักเรียน และระบบตรวจว่ายังไม่ผูก LINE จะเด้ง dialog เชิญผูก LINE ขึ้นมาเอง โดยข้อความใน dialog จะปรับตาม role ของคุณ:

  • นักเรียน — เน้นการรับ noti คะแนน/การบ้าน/คอมเมนต์ครู
  • ครู — เน้นความสะดวก เปิดจาก LINE OA แล้ว login อัตโนมัติ ไม่ต้องกรอกรหัสซ้ำ
Dialog เชิญผูก LINE ที่เด้งอัตโนมัติหลัง login ครั้งแรก
รูปที่ 0 LineLinkInviteDialog ที่เด้งหลัง login เมื่อยังไม่ผูก

เลือกได้ 2 ทาง — 'เชื่อมต่อ' หรือ 'ภายหลัง'

  • กด "เชื่อมต่อ" (ปุ่มเขียว LINE) → เปิด LIFF เพื่อผูกบัญชีทันที — ขั้นตอนถัดจากนี้เหมือนกับ "โหมดที่ 1" ตั้งแต่ Step 3 เป็นต้นไป (LIFF โหลด → เชื่อมอัตโนมัติ → กลับแดชบอร์ด)
  • กด "ภายหลัง" → ปิด dialog และ เลื่อนคำเชิญออกไป 7 วัน ระบบจะไม่เด้ง dialog ซ้ำในช่วงนี้ ครบ 7 วันเมื่อ login ใหม่จะเด้งเชิญอีกครั้ง (ระหว่างนั้นไปกดผูกเองจากหน้า "ตั้งค่าบัญชี" ได้ทุกเมื่อ — ดูโหมดที่ 1)

กดปุ่ม × มุมขวาบน หรือคลิกพื้นที่นอก dialog จะมีผลเหมือนปิด dialog เฉยๆ แต่ ไม่ snooze — รอบหน้า login ก็จะเด้งเชิญอีก

โหมดที่ 1 — Link Mode (เริ่มจาก Dashboard)

ใช้เมื่อ login D-DoGrade อยู่แล้ว และต้องการกดผูก LINE ด้วยตัวเอง (หรือเคยกด 'ภายหลัง' ใน dialog แล้ว)

เปิดหน้าตั้งค่าบัญชี

Login เข้า D-DoGrade → คลิกชื่อ/รูปโปรไฟล์ของคุณที่มุมขวาบน ของหน้าแดชบอร์ด ระบบจะพาไปหน้า "ตั้งค่าบัญชี" ทันที

เลื่อนลงมาที่ section "ความปลอดภัย & การเชื่อมต่อ" จะเห็นการ์ดสีเขียวอ่อนชื่อ "เชื่อมต่อ LINE"

การ์ด 'เชื่อมต่อ LINE' ใน /dashboard/account สถานะยังไม่ผูก
รูปที่ 1 LineLinkCard สถานะยังไม่ผูก — chip 'ยังไม่เชื่อมต่อ' + ปุ่มเขียว

กดปุ่ม 'เชื่อมต่อ LINE'

ปุ่มสีเขียว LINE (#06c755) จะเปิด LIFF ของ D-DoGrade ขึ้นมา

  • บนมือถือ — ระบบจะเปิดในแอป LINE อัตโนมัติ
  • บนคอมพิวเตอร์ — แอป LINE Desktop จะถูกเรียกขึ้นมา ถ้ายังไม่ได้ติดตั้ง LINE บนเครื่อง ระบบจะเปิดในเบราว์เซอร์แล้วให้สแกน QR ผ่านมือถือ

LIFF โหลด → เชื่อมบัญชีอัตโนมัติ

หน้า LIFF จะแสดง spinner พร้อมข้อความ "กำลังเชื่อมต่อ LINE..." สักครู่ ระบบกำลังทำ 3 ขั้นเบื้องหลัง:

  1. ตรวจว่าคุณ login LINE แล้วหรือยัง — ถ้ายัง ระบบจะเด้งหน้า login LINE ก่อน
  2. ขอ access token จาก LINE
  3. ส่ง token ไปที่ /api/line/link ของ D-DoGrade เพื่อผูกกับบัญชีที่ login อยู่
หน้า /line/liff ระหว่างกำลังเชื่อมต่อ แสดง spinner
รูปที่ 2 หน้า LIFF ระหว่างโหลด

ระบบแสดง 'เชื่อมต่อสำเร็จ' → กลับ dashboard อัตโนมัติ

หน้า LIFF จะเปลี่ยนเป็น 🎉 + "เชื่อมต่อสำเร็จ" + "ยินดีต้อนรับ [ชื่อ LINE ของคุณ]" จากนั้น รอ 2 วินาที ระบบจะพากลับหน้าแดชบอร์ดโดยอัตโนมัติ

หน้า LIFF หลังเชื่อมสำเร็จ แสดง 🎉 + ชื่อ LINE
รูปที่ 3 หน้า LIFF เมื่อเชื่อมสำเร็จ

กลับมาดูการ์ด 'เชื่อม LINE' อีกครั้ง

เมื่อ refresh หน้าตั้งค่าบัญชี (คลิกชื่อ/รูปโปรไฟล์มุมขวาบนอีกครั้ง) จะเห็นว่าการ์ด "เชื่อม LINE" เปลี่ยนเป็นสถานะ "เชื่อมต่อแล้ว" สีเขียว แสดง displayName จาก LINE ของคุณ และมีปุ่ม ตัดการเชื่อมต่อ แทนปุ่มเชื่อมเดิม

การ์ด LINE สถานะเชื่อมแล้ว แสดง displayName + ปุ่มตัดการเชื่อมต่อ
รูปที่ 4 LineLinkCard สถานะผูกสำเร็จ — chip เขียว + displayName

โหมดที่ 2 — Auto-Login Mode (จากลิงก์ที่ครูส่งมา)

ใช้เมื่อครูส่งลิงก์ LIFF มาให้ทาง LINE และคุณยังไม่ได้ login D-DoGrade

แตะลิงก์ LIFF ในแอป LINE

ครูจะส่งลิงก์ผ่าน LINE OA, กลุ่มห้อง, หรือฝากใน LINE Note — แตะลิงก์ในแอป LINE ระบบจะเปิด LIFF ภายในแอปทันที

ระบบเรียก /api/line/auth เพื่อหาบัญชี

หลังได้ LINE access token แล้ว ระบบจะตรวจสอบ 3 กรณี:

  • 200 (เคยผูกและบัญชีปกติ) → ขึ้นข้อความ "เข้าสู่ระบบสำเร็จ กำลังพาไปแดชบอร์ด..." แล้วพาเข้าหน้าแดชบอร์ดอัตโนมัติ
  • 404 (ยังไม่ผูก) → ขึ้นข้อความ "ยังไม่ได้เชื่อมต่อบัญชี กำลังพาไปหน้าเข้าสู่ระบบ..." แล้วพาไปหน้าแรกของเว็บ พร้อมเปิดกล่อง "เข้าสู่ระบบ" ให้อัตโนมัติ — login แล้วค่อยกลับมาทำขั้นตอนใน "โหมดที่ 1"
  • 403 (บัญชีถูกระงับ) → ขึ้น "บัญชีถูกระงับ กำลังพาไปดูรายละเอียด..." แล้วพาไปหน้า "บัญชีถูกระงับ" (ดู คู่มือบัญชีถูกระงับ)
Auto-login mode แต่ยังไม่ได้ผูกบัญชี ระบบจะพาไป /?login=1
รูปที่ 5 กรณี 404 — ระบบพาไปหน้า login เพื่อให้กลับมาผูกใหม่

ถ้าเป็นกรณี 404 — login แล้วผูกใหม่

เมื่อระบบเปิดกล่อง "เข้าสู่ระบบ" ให้ ให้ login ด้วย email/password (ครู) หรือรหัสนักเรียน/password (นักเรียน) ตามปกติ → กลับเข้าหน้าแดชบอร์ด → ทำตามขั้นตอนใน "โหมดที่ 1" อีกครั้งเพื่อผูก LINE ของคุณ

ตัดการเชื่อมต่อ LINE

ทำได้ทุกเมื่อที่หน้า 'ตั้งค่าบัญชี' ไม่ต้องผ่าน LIFF

กดปุ่ม 'ตัดการเชื่อมต่อ' ในการ์ดเชื่อม LINE

เข้าหน้า "ตั้งค่าบัญชี" (คลิกชื่อ/รูปโปรไฟล์ที่มุมขวาบนของแดชบอร์ด) → เลื่อนลงไปการ์ด "เชื่อม LINE" ในสถานะ "เชื่อมต่อแล้ว" → กดปุ่มแดง ตัดการเชื่อมต่อ

Dialog ยืนยันก่อนตัดการเชื่อมต่อ LINE
รูปที่ 6 Dialog ยืนยันก่อนตัดการเชื่อมต่อ

ยืนยันใน dialog

Dialog จะถามว่า "ตัดการเชื่อมต่อ LINE?" — กดยืนยัน ระบบจะส่ง POST ไปที่ /api/line/unlink แล้วโชว์ toast เขียว "ตัดการเชื่อมต่อ LINE สำเร็จ"

การ์ดจะกลับมาเป็นสถานะ "ยังไม่เชื่อมต่อ" ทันที ผูกใหม่ได้เมื่อต้องการ

ปัญหาที่พบบ่อย

ปัญหาเชิงเทคนิคและการแก้แบบเร็ว

อาการสาเหตุที่เป็นไปได้วิธีแก้
กดเชื่อมต่อแล้วเปิดไม่ออกเบราว์เซอร์บล็อก popup หรือ LINE Desktop ปิดอยู่อนุญาต popup ของ D-DoGrade · เปิด LINE app บนเครื่อง · ลองเชื่อมจากมือถือแทน
หน้า LIFF ค้างที่ "กำลังเชื่อมต่อ..."เน็ตช้า หรือ session LINE หมดอายุปิดหน้าแล้วลองใหม่ · login LINE ใหม่หากจำเป็น
"เชื่อมต่อไม่สำเร็จ"LINE userId นี้ถูกผูกกับบัญชีอื่นอยู่แล้วเข้าบัญชีเดิมไป unlink ก่อน · หรือติดต่อ admin
ผูกสำเร็จแต่ไม่ได้ notiบล็อก D-DoGrade OA ใน LINE · หรือยังไม่ได้เพิ่ม OA เป็นเพื่อนค้นหา LINE ID ของ OA แล้วเพิ่มเพื่อน · ปลดบล็อกหาก block ไว้

เข้าสู่ระบบ

ยินดีต้อนรับกลับมา

ใส่อีเมลและรหัสผ่านที่ได้รับจากผู้ดูแลระบบ

ยังไม่มีบัญชี? ลงทะเบียนขอใช้งาน แล้วรอผู้ดูแลอนุมัติ

เชื่อมต่อ LINE

รับการแจ้งเตือนผ่าน LINE OA

DoGrade จะส่งคะแนน/การบ้าน/อัปเดตสำคัญผ่าน LINE OA
ผูกครั้งเดียว ไม่ต้องคอยเช็คเว็บ

  • ทราบทันทีที่ครูประกาศคะแนน
  • เตือน deadline การบ้านล่วงหน้า
  • ครูคอมเมนต์ส่งงาน → ได้ noti