انتقل إلى المحتوى

⚙️ الإعداد

1️⃣ إذا لم تقم بذلك بعد، أضف هذه القيم إلى ملف .env.local

NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=

NEXTAUTH_SECRET هو سلسلة عشوائية من الأحرف لتشفير JWT.
ضع أي قيمة بطول لا يقل عن 15 حرفًا.

2️⃣ أنشئ مشروعًا جديدًا على Google Cloud

  • اذهب إلى APIs & Services ثم Credentials
  • انقر على [Configure Consent Screen]
  • املأ المعلومات المطلوبة.
    استخدم مقترحات ChatGPT في الصفحات /tos و/privacy-policy لإنشاء النصوص تلقائيًا.
  • أضف userinfo.email و userinfo.profile إلى النطاق (scope).
  • أضف نفسك كمستخدم تجريبي.
  • انقر على Submit

3️⃣ أنشئ بيانات الاعتماد Oauth

  • اذهب إلى Credentials ← [+ Create Credentials] ← [Oauth Client ID]
  • اختر [Web Application]
  • أضف:
  • http://localhost:3000
  • https://your-site.com

إلى Authorized JavaScript origins

  • وأضف:
  • http://localhost:3000/api/auth/callback/google
  • https://your-site.com/api/auth/callback/google

إلى Authorized redirect URIs

📌 إذا كنت تستخدم نطاقًا فرعيًا مثل www، تأكد من إضافته أيضًا.

  • انقر على [Create]
  • انسخ:
  • Client ID إلى GOOGLE_ID
  • Client Secret إلى GOOGLE_SECRET
    داخل ملف .env.local

4️⃣ النشر والتحقق

  • اذهب إلى [Oauth Consent Screen] ← انقر على [Publish App] ثم قدم الطلب للتحقق.
  • انقر على [Prepare for verification] وأكمل البيانات الناقصة.
  • سترسل لك Google بريدًا إلكترونيًا، ويجب أن ترد عليه لبدء عملية التحقق.
  • يجب أن يكون نطاقك موثقًا على Google Search Console.
    يمكنك القيام بذلك الآن.

5️⃣ اختبار تسجيل الدخول

  • يمكنك الآن تسجيل الدخول باستخدام Google على localhost.
  • في بيئة الإنتاج، سيعمل أيضًا، لكن سيظهر تحذير حتى يتم التحقق من التطبيق (قد يستغرق بضعة أيام).

6️⃣ حفظ المستخدمين في قاعدة البيانات

  • يقوم محول mongoDB بحفظ المستخدمين الجدد تلقائيًا عند تسجيل الدخول بنجاح باستخدام Google.
  • ✅ تأكد من تكوين قاعدة البيانات أولًا.