การเชื่อมต่อภายนอก

16

การเชื่อมต่อภายนอก

อีเมล LINE Google Cloudflare Stream การแจ้งเตือน และการซิงค์กับระบบเดิม

สรุปสิ่งที่เชื่อมต่อได้

บริการใช้ทำอะไรตั้งค่าที่
SMTP (อีเมล)ส่งอีเมลต้อนรับ รีเซ็ตรหัสผ่าน และการแจ้งเตือนผู้ดูแลระบบ → ระบบอีเมล
LINE Loginเข้าสู่ระบบ/สมัครด้วยบัญชี LINEผู้ดูแลระบบ → ตั้งค่า LINE
LINE Messaging APIส่งการแจ้งเตือนเข้า LINE ของผู้ใช้ผู้ดูแลระบบ → ตั้งค่า LINE
Google Loginเข้าสู่ระบบ/สมัครด้วยบัญชี Googleตั้งค่าเว็บไซต์
Google reCAPTCHA v3กันบอทและสแปมในฟอร์มหน้าเว็บตั้งค่าเว็บไซต์
Cloudflare Streamเก็บและสตรีมวิดีโอบทเรียนผู้ดูแลระบบ → Cloudflare Stream
Push Notificationแจ้งเตือนบนเครื่องผู้ใช้ผ่านเบราว์เซอร์ผู้ดูแลระบบ → การแจ้งเตือน
ผู้ให้บริการ AICo-Tutor และเครื่องมือ AI ช่วยผู้สอนผู้ดูแลระบบ → ตั้งค่า AI
Payment Gatewayรับชำระเงินออนไลน์ (Omise / Stripe)ผู้ดูแลระบบ → รับชำระเงินออนไลน์
Aleanor VCห้องเรียนเสมือน 3 มิติผู้ดูแลระบบ → ห้องเรียนเสมือน
ระบบสอบภายนอกส่งรายชื่อและดึงผลสอบจากระบบ student/exam เดิมระบบนักเรียน → เชื่อมต่อ & ซิงค์

อีเมล (SMTP)

ไปที่ ผู้ดูแลระบบ → ระบบอีเมล — ควรตั้งเป็นอันดับแรก เพราะฟีเจอร์อย่าง "ลืมรหัสผ่าน" และอีเมลต้อนรับพึ่งพาส่วนนี้

ตั้งค่าระบบอีเมล — SMTP host พอร์ต การเข้ารหัส และปุ่มทดสอบส่ง
ภาพที่ 1 — ตั้งค่าระบบอีเมล — SMTP host พอร์ต การเข้ารหัส และปุ่มทดสอบส่ง ผู้ดูแลระบบ
ผู้ให้บริการHostPortการเข้ารหัสหมายเหตุ
Gmailsmtp.gmail.com587STARTTLSต้องใช้ App Password ไม่ใช่รหัสผ่านบัญชีปกติ
Outlook / Microsoft 365smtp.office365.com587STARTTLS—
ผู้ให้บริการอื่นดูจากเอกสารของผู้ให้บริการ———
เปิดใช้งานระบบอีเมล

เปิดสวิตช์และกดบันทึกก่อน

กรอกค่า SMTP

Host, Port, การเข้ารหัส, บัญชี และรหัสผ่าน — เว้นรหัสผ่านว่างไว้ = ใช้รหัสเดิม

ตั้งอีเมลผู้ส่ง

อีเมล From และชื่อผู้ส่ง เช่น noreply@yourschool.ac.th / "Aleanor"

ทดสอบส่ง

กรอกอีเมลปลายทางแล้วกด ส่งอีเมลทดสอบ ถ้าได้รับแปลว่าตั้งค่าถูกต้อง

ถ้าส่งไม่สำเร็จ ให้ตรวจตามลำดับ — เปิดสวิตช์และกดบันทึกแล้วหรือยัง, พอร์ตกับการเข้ารหัสตรงกันไหม (587 คู่กับ STARTTLS), ใช้ App Password แล้วหรือยังกรณี Gmail, และโฮสต์บล็อกพอร์ตขาออกหรือเปล่า
รหัสผ่าน SMTP เก็บไว้ใช้ส่งอีเมลเท่านั้น และหน้านี้เข้าถึงได้เฉพาะ ผู้ดูแลระบบ

LINE

ไปที่ ผู้ดูแลระบบ → ตั้งค่า LINE แบ่งเป็น 2 ส่วนที่ตั้งแยกกันได้

ตั้งค่า LINE — LINE Login ด้านบน การแจ้งเตือนผ่าน Messaging API ด้านล่าง
ภาพที่ 2 — ตั้งค่า LINE — LINE Login ด้านบน การแจ้งเตือนผ่าน Messaging API ด้านล่าง ผู้ดูแลระบบ

LINE Login

สร้าง LINE Login channel

ที่ LINE Developers Console

คัดลอก Channel ID และ Channel Secret

มาใส่ในหน้านี้ — เว้นว่าง = ใช้ค่าเดิม

ตั้ง Callback URL

คัดลอก URL ที่ระบบแสดงไว้ ไปวางในช่อง Callback URL ของ channel นั้น

เปิดสวิตช์

ปุ่ม "เข้าสู่ระบบด้วย LINE" จะปรากฏที่หน้าเข้าสู่ระบบและหน้าสมัครสมาชิก

แจ้งเตือนผ่าน LINE

ต้องมี LINE Official Account และ Channel Access Token ของ Messaging API ระบบจะส่งการแจ้งเตือนไปยัง LINE ของผู้ใช้ที่ผูกบัญชีไว้แล้วเท่านั้น

ผู้ใช้ผูกบัญชี LINE ได้ด้วยการเข้าสู่ระบบด้วย LINE อย่างน้อยหนึ่งครั้ง จึงควรเปิด LINE Login ก่อนหากต้องการใช้การแจ้งเตือนผ่าน LINE

Google

ตั้งที่ ตั้งค่าเว็บไซต์ (ไม่ใช่เมนูผู้ดูแลระบบ)

บริการต้องเตรียมอะไร
Google Loginสร้าง OAuth Client ID ชนิด Web application ที่ Google Cloud Console แล้วนำ Redirect URI ที่ระบบแสดงไปใส่ในช่อง Authorized redirect URIs
reCAPTCHA v3ขอคีย์ฟรีจาก Google — เลือกชนิด v3 และเพิ่มโดเมนของเว็บ
Redirect URI ต้องตรงทุกตัวอักษร รวมทั้ง https:// และ เครื่องหมาย / ท้ายสุด มิฉะนั้น Google จะปฏิเสธการเข้าสู่ระบบ

Cloudflare Stream

ไปที่ ผู้ดูแลระบบ → Cloudflare Stream

ตั้งค่า Cloudflare Stream — Account ID และ API Token
ภาพที่ 3 — ตั้งค่า Cloudflare Stream — Account ID และ API Token ผู้ดูแลระบบ
สร้าง API Token

ที่ Cloudflare Dashboard เลือกแบบ Custom แล้วให้สิทธิ์ Stream:Edit

ใส่ Account ID และ Token

ในหน้านี้แล้วบันทึก

อัปโหลดวิดีโอตามปกติ

ระบบส่งไฟล์ขึ้น Cloudflare ให้เอง แล้วบทเรียนจะใช้ player ของ Cloudflare

ข้อดีข้อจำกัด
สตรีมแบบปรับคุณภาพตามความเร็วเน็ตของผู้ชม (adaptive bitrate)อัปโหลดตรงได้สูงสุดราว 200 MB ต่อคลิป
ประหยัดพื้นที่และแบนด์วิดท์ของเซิร์ฟเวอร์มีค่าใช้จ่ายตามการใช้งานของ Cloudflare
เล่นลื่นแม้มีผู้ชมพร้อมกันจำนวนมากวิดีโอที่อัปโหลดไว้ก่อนเปิดใช้งานยังคงเป็นไฟล์ในเครื่องเหมือนเดิม
ถ้าอัปโหลดขึ้น Cloudflare ไม่สำเร็จ ระบบจะบันทึกเป็นไฟล์ในเครื่องแทนโดยอัตโนมัติ พร้อมแจ้งสาเหตุ — งานไม่สะดุด แต่ควรตามไปแก้ที่ต้นเหตุ

การแจ้งเตือน

ไปที่ ผู้ดูแลระบบ → การแจ้งเตือน

ตั้งค่าการแจ้งเตือน — เลือกช่องทางและเหตุการณ์ที่จะส่ง
ภาพที่ 4 — ตั้งค่าการแจ้งเตือน — เลือกช่องทางและเหตุการณ์ที่จะส่ง ผู้ดูแลระบบ
ช่องทางต้องมีอะไรก่อนผู้ใช้เห็นที่ไหน
ในระบบไม่ต้อง — ทำงานเสมอกระดิ่งบนแถบด้านบน
อีเมลตั้งค่า SMTP แล้วกล่องจดหมาย
Push บนเครื่องสร้างกุญแจ VAPID ในหน้านี้การแจ้งเตือนของเบราว์เซอร์/มือถือ
LINEตั้งค่า Messaging API และผู้ใช้ผูกบัญชี LINE แล้วแชท LINE
ถ้ายังไม่ได้สร้างกุญแจ VAPID ระบบจะแจ้งว่า "ยังไม่ได้สร้างกุญแจ VAPID จึงยังส่งไม่ได้" — กดสร้างในหน้านี้ได้เลย ทำครั้งเดียวพอ

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

ซิงค์กับระบบสอบภายนอก

ใช้เมื่อโรงเรียนยังรันระบบ student/exam แยกอยู่ แล้วต้องการดึงข้อมูลเข้ามา ไปที่ ระบบนักเรียน → เชื่อมต่อ & ซิงค์ระบบเดิม

หน้าเชื่อมต่อและซิงค์ — ตั้งค่า API แล้วส่งรายชื่อ/ดึงผลสอบ
ภาพที่ 5 — หน้าเชื่อมต่อและซิงค์ — ตั้งค่า API แล้วส่งรายชื่อ/ดึงผลสอบ ผู้ดูแลระบบ
ตั้ง API Key ให้ตรงกันสองฝั่ง

ค่าเดียวกันทั้งฝั่ง Aleanor และฝั่งระบบสอบ

ใส่ URL ของ API ฝั่งระบบสอบ

ที่อยู่ปลายทางที่ระบบจะเรียกไป

ให้ระบบสอบเรียกเข้ามา

คัดลอก URL ของ API ฝั่งนี้ที่หน้าแสดงไว้ ไปตั้งค่าที่ฝั่งระบบสอบ

ส่งรายชื่อ

เลือกห้องเรียนแล้วกด ส่งรายชื่อไประบบสอบ

ดึงผลสอบกลับ

กด ดึงผลสอบกลับ ระบบจะรายงานว่าดึงมากี่รายการ ผลสอบจะปรากฏในหน้าประวัตินักเรียนโดยระบุแหล่งว่า "ภายนอก"

หน้านี้เป็นทางเลือก — ถ้าใช้คลังข้อสอบของ Aleanor อยู่แล้ว ไม่ต้องตั้งค่าส่วนนี้

ลำดับที่แนะนำในการตั้งค่า

อีเมล (SMTP)

จำเป็นที่สุด เพราะการรีเซ็ตรหัสผ่านและอีเมลต้อนรับต้องใช้

การแจ้งเตือน

เปิดช่องทางในระบบและอีเมลก่อน ค่อยเพิ่ม Push และ LINE ทีหลัง

Google / LINE Login

ทำให้ผู้ใช้เข้าระบบง่ายขึ้นมาก — ทำเมื่ออีเมลเรียบร้อยแล้ว

Cloudflare Stream

ทำเมื่อเริ่มมีวิดีโอเยอะและเซิร์ฟเวอร์เริ่มไม่ไหว

AI

ทำเมื่อพร้อมเรื่องนโยบายการใช้ AI ในองค์กรแล้ว

Payment Gateway

ทำเมื่อยอดขายมากพอที่จะคุ้มค่าธรรมเนียม — ทดสอบด้วยคีย์ test ให้ครบก่อนเสมอ