ภาพรวมสถาปัตยกรรมระบบ

ความหมายของเส้น

• ทึบ — เรียกใช้งานภายในระบบ
• ประ — ติดต่อบริการภายนอก

ผู้เกี่ยวข้อง (Lifelines)

• ผู้ใช้งาน ผู้เยี่ยมชม
• หน้าเว็บ / Client เว็บเบราว์เซอร์
• เซิร์ฟเวอร์ SvelteKit SvelteKit Server
• บริการภายนอก Supabase Auth
• ฐานข้อมูล Supabase DB

ลำดับข้อความ

1. 1. เปิดฟอร์มล็อกอิน/สมัคร visitor→browser
2. 2. กดยืนยัน visitor→browser
3. 3. POST /auth ส่งข้อมูล browser→server
4. 4. ตรวจรหัส / OAuth server→auth
5. 5. ออก session token auth→server
6. 6. upsert profile server→db
7. 7. profile พร้อมใช้งาน db→server
8. 8. ตั้งค่า session cookie server→browser
9. 9. redirect ไปหน้าแรก browser→visitor