تنزيل 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