OAuth ด้วย SvelteKit และ Lucia Auth
เพิ่มการเข้าสู่ระบบด้วยบัญชีโซเชียลผ่านผู้ให้บริการ OAuth โดยใช้ไลบรารีตรวจสอบสิทธิ์ Lucia
OAuth ด้วย SvelteKit และ Lucia Auth เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
โฟลว์ OAuth
OAuth ช่วยให้ผู้ใช้เข้าสู่ระบบด้วย Google, GitHub และบริการอื่น ๆ โดยไม่ต้องแชร์รหัสผ่านกับแอปของคุณ
การยืนยันตัวตนด้วย Lucia
Lucia เป็นไลบรารีการยืนยันตัวตนยอดนิยมสำหรับ SvelteKit ที่ช่วยให้การจัดการเซสชัน, OAuth และ CSRF ง่ายขึ้น
ติดตั้ง Lucia
ติดตั้งและเลือกอะแดปเตอร์สำหรับฐานข้อมูลของคุณ
npm install lucia @lucia-auth/adapter-prismaเริ่มต้นใช้งาน Lucia
กำหนดค่า Lucia ใน $lib/server/auth.js พร้อมอะแดปเตอร์และตัวแปรสภาพแวดล้อมของคุณ
ตั้งค่า OAuth
เพิ่มการกำหนดค่าผู้ให้บริการพร้อม ID ไคลเอนต์และข้อมูลลับ
import { GitHub } from "arctic";
export const github = new GitHub(CLIENT_ID, CLIENT_SECRET);เส้นทางเข้าสู่ระบบ
สร้าง /login/github เพื่อเปลี่ยนเส้นทางผู้ใช้ไปยัง GitHub
เส้นทางเรียกกลับ
จัดการ URL เรียกกลับเพื่อแลกเปลี่ยนรหัสเป็นโทเค็นและสร้างเซสชัน
คุกกี้เซสชัน
Lucia ตั้งค่าคุกกี้เซสชันและมีตัวช่วยสำหรับอ่านหรือล้างคุกกี้
ข้อมูลผู้ใช้
หลังจาก OAuth สำเร็จ ให้ดึงข้อมูลผู้ใช้และบันทึกข้อมูลหรือเชื่อมโยงกับบัญชีที่มีอยู่
CSRF ใน OAuth
ใช้พารามิเตอร์ state และ PKCE เพื่อป้องกัน CSRF ในโฟลว์ OAuth
หลายผู้ให้บริการ
เพิ่ม Google, Apple, Discord และบริการอื่น ๆ โดยใช้รูปแบบที่คล้ายกันจากไลบรารี Arctic
ตรวจสอบอย่างรวดเร็ว
Lucia คืออะไร
สรุปทบทวน
Lucia ช่วยให้การจัดการ OAuth และเซสชันใน SvelteKit ง่ายขึ้น กำหนดค่าผู้ให้บริการ (GitHub, Google) และจัดการการเรียกกลับเพื่อสร้างเซสชัน
เรียนรู้ HTML ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 41
- บทเรียน
- 163
คำถามที่พบบ่อย
บทเรียน “OAuth ด้วย SvelteKit และ Lucia Auth” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “OAuth ด้วย SvelteKit และ Lucia Auth” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “OAuth ด้วย SvelteKit และ Lucia Auth”
เพิ่มการเข้าสู่ระบบด้วยบัญชีโซเชียลผ่านผู้ให้บริการ OAuth โดยใช้ไลบรารีตรวจสอบสิทธิ์ Lucia คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “OAuth ด้วย SvelteKit และ Lucia Auth” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- เซสชันที่ใช้คุกกี้
- JWT ในคุกกี้ HTTP-Only
- เส้นทางที่มีการป้องกันใน Hook handle()
- OAuth ด้วย SvelteKit และ Lucia Auth