ดาวน์โหลด next auth example - next auth example ดาวน์โหลดซอร์สโค้ด

next auth example

ซอร์สโค้ดอื่น ๆ

1.0.0

ดาวน์โหลด

พื้นที่เก็บข้อมูลตัวอย่างได้รับการดูแลจาก monorepo ควรเปิดคำขอดึงกับ nextauthjs/next-auth

แอปตัวอย่าง NextAuth.js

โอเพ่นซอร์ส เต็มสแต็ค เป็นเจ้าของข้อมูลของคุณ

ภาพรวม

NextAuth.js เป็นโซลูชันการตรวจสอบสิทธิ์แบบโอเพ่นซอร์สที่สมบูรณ์

นี่คือแอปพลิเคชันตัวอย่างที่แสดงวิธีการใช้การตรวจ next-auth ไปกับแอป Next.js พื้นฐาน

สามารถดูเวอร์ชันที่ใช้งานได้ที่ next-auth-example.vercel.app

เกี่ยวกับ NextAuth.js

NextAuth.js เป็นไลบรารีการตรวจสอบสิทธิ์แบบโอเพ่นซอร์สแบบฟูลสแตก (ไคลเอนต์/เซิร์ฟเวอร์) ที่ใช้งานง่าย ซึ่งเดิมออกแบบมาสำหรับ Next.js และ Serverless เป้าหมายของเราคือการสนับสนุนเฟรมเวิร์กเพิ่มเติมในอนาคต

ไปที่ next-auth.js.org เพื่อดูข้อมูลและเอกสารเพิ่มเติม

NextAuth.js ไม่เกี่ยวข้องอย่างเป็นทางการกับ Vercel หรือ Next.js

เริ่มต้นใช้งาน

1. โคลนพื้นที่เก็บข้อมูลและติดตั้งการขึ้นต่อกัน

 git clone https://github.com/nextauthjs/next-auth-example.git
cd next-auth-example
pnpm install

2. กำหนดค่าสภาพแวดล้อมท้องถิ่นของคุณ

คัดลอกไฟล์ .env.local.example ในไดเร็กทอรีนี้ไปที่ .env.local (ซึ่ง Git จะถูกละเว้น):

 cp .env.local.example .env.local

เพิ่มรายละเอียดสำหรับผู้ให้บริการตั้งแต่หนึ่งรายขึ้นไป (เช่น Google, Twitter, GitHub, อีเมล ฯลฯ)

ฐานข้อมูล

จำเป็นต้องมีฐานข้อมูลเพื่อยืนยันบัญชีผู้ใช้และเพื่อรองรับการลงชื่อเข้าใช้อีเมล อย่างไรก็ตาม คุณยังคงสามารถใช้ NextAuth.js สำหรับการรับรองความถูกต้องโดยไม่มีฐานข้อมูลได้โดยใช้ OAuth สำหรับการรับรองความถูกต้อง หากคุณไม่ระบุฐานข้อมูล JSON Web Tokens จะถูกเปิดใช้งานตามค่าเริ่มต้น

คุณ สามารถ ข้ามการกำหนดค่าฐานข้อมูลและกลับมาที่ฐานข้อมูลในภายหลังได้หากต้องการ

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่าฐานข้อมูล โปรดดูลิงก์ต่อไปนี้:

เอกสาร: authjs.dev/reference/core/adapters

3. กำหนดค่าผู้ให้บริการการรับรองความถูกต้อง

ตรวจสอบและอัปเดตตัวเลือกใน auth.ts ตามความจำเป็น
เมื่อตั้งค่า OAuth ในหน้าผู้ดูแลระบบนักพัฒนาซอฟต์แวร์สำหรับบริการ OAuth แต่ละรายการ คุณควรกำหนดค่า URL เรียกกลับเพื่อใช้เส้นทางเรียกกลับของ {server}/api/auth/callback/{provider}

เช่น สำหรับ Google OAuth คุณจะใช้: http://localhost:3000/api/auth/callback/google

รายชื่อผู้ให้บริการที่กำหนดค่าและ URL โทรกลับสามารถดูได้จากจุดสิ้นสุด api/auth/providers คุณสามารถค้นหาข้อมูลเพิ่มเติมได้ที่https://authjs.dev/getting-started/providers/oauth-tutorial