ระบบ Google Login (Apps Script)

รายละเอียดระบบ

🎁 แจกฟรี! เทมเพลตระบบ Google Login ด้วย Google Apps Script

ใครกำลังพัฒนา Web App ด้วย Google Apps Script และอยากเพิ่มระบบ “Login with Google” ให้กับเว็บไซต์ ครูนุ่มมีเทมเพลตมาแจกฟรีค่ะ

ระบบนี้ใช้ Google Identity Services (GIS) ทำงานร่วมกับ Google Apps Script (GAS) โดยออกแบบให้มีการตรวจสอบ ID Token ที่ฝั่ง Backend ก่อนนำข้อมูลผู้ใช้งานไปใช้งานต่อ

🔄 ภาพรวมการทำงาน

ผู้ใช้เปิด Web App
↓
🔐 แสดงปุ่ม Sign in with Google
↓
👤 ผู้ใช้เลือกบัญชี Google
↓
🎫 Google ส่ง ID Token กลับมา
↓
📤 ส่ง Token ไปตรวจสอบที่ Backend
↓
🛡️ code.gs ตรวจสอบ Token กับ Google
↓
✅ ผ่านการตรวจสอบ
↓
📋 ส่งข้อมูลชื่อ อีเมล และรูปโปรไฟล์กลับมา
↓
🚀 นำข้อมูลไปใช้งานต่อในระบบ

🛡️ จุดสำคัญของระบบ

เราไม่ควรรับข้อมูลจากหน้าเว็บแล้วเชื่อทันที แต่ควรส่ง ID Token ไปตรวจสอบที่ฝั่ง Backend ก่อน

เพื่อให้ Google เป็นผู้ยืนยันว่า

• Token นี้ถูกต้องหรือไม่
• Token หมดอายุแล้วหรือยัง
• Token ถูกสร้างมาสำหรับ Client ID ของระบบเราหรือไม่

เมื่อผ่านการตรวจสอบแล้ว จึงค่อยนำข้อมูลผู้ใช้งานไปใช้ในระบบ

💡 และที่สำคัญคือ สามารถนำแนวคิดนี้ไปต่อยอดได้อีกเยอะมาก

เช่น

🔹 ตรวจสอบอีเมลกับ Google Sheets
🔹 จำกัดเฉพาะสมาชิกในองค์กร
🔹 กำหนดสิทธิ์ Admin / User
🔹 สร้างระบบสมาชิก
🔹 เชื่อมต่อฐานข้อมูลหรือ Google Sheets
🔹 นำไปใช้กับ Web App อื่น ๆ ที่ต้องมีระบบ Login

📦 เหมาะสำหรับ

ครูที่กำลังสร้างระบบด้วย Google Apps Script
นักพัฒนา Web App
ผู้ที่ต้องการเรียนรู้การทำ Google Login
หรือคนที่อยากมี Template สำหรับนำไปต่อยอดระบบของตัวเอง

📥 ดาวน์โหลดฟรีได้ที่ระบบ CodeHub

นำไปศึกษา ปรับแต่ง และพัฒนาต่อได้เลยค่ะ

⚠️ ไม่อนุญาตให้นำเทมเพลตไปจำหน่าย

ใครกำลังทำ Web App ด้วย Google Apps Script ลองนำไปต่อยอดกันได้เลยค่ะ