الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

React-Rainbow-Firebase-Auth

غالبًا ما تكون مصادقة المستخدم هي الجزء الأصعب في إنشاء أي تطبيق ويب ، خاصة إذا كنت ترغب في دمج العديد من مقدمي الخدمات. يعد وجود ملف تعريف واحد من أكثر الميزات شيوعًا التي ستحتاج إلى إضافتها في مشاريعك. الآن تم القيام بكل الأعمال القاسية من أجلك كبناء templete في React والتي ستسمح لك في بضع دقائق فقط للمصادقة باستخدام خدمة Firebase.

يستخدم المشروع:

  • رد فعل 16.12.0
  • رد فعل 16.12.0
  • React-Redux 7.1.3
  • رد الفعل-ROUTER-DOM 5.1.2
  • React-intl 3.6.2
  • Redux 4.0.4
  • Redux-form 8.2.6
  • Firebase 7.4.0
  • مصممة على غرار 4.4.1
  • React-Rainbow-Components 1.11.0
  • ESLINT 6.1.0
  • Stylelint 12.0.0
  • Cypress 3.7.0

مدعومون الموفرين:

  • جوجل
  • فيسبوك

سمات:

  • واجهة مستخدم المصادقة المثالية وحل الأمان لتطبيقات الصفحة الفردية الحديثة
  • يدعم تسجيل الدخول المحلي باسم المستخدم والبريد الإلكتروني وكلمة المرور باستخدام أفضل ممارسات الأمان
  • يدعم تسجيل الدخول الاجتماعي مع Facebook و Google باستخدام أفضل ممارسات الأمان
  • صفحة ملف تعريف المستخدم مع القدرة على تحديث كلمة المرور الحالية واسم المستخدم والبريد الإلكتروني
  • يرسل رسائل البريد الإلكتروني للنظام لإعادة تعيين كلمة المرور
  • تم اختبار تكامل Facebook و Google بالكامل
  • اختبار التكامل مع السرو

تثبيت وتشغيل

  • هذه التعليمات أساسية ، يمكنك استخدام أي طريقة للقيام بهذا العمل.
  1. اصنع مجلد جديد لإثباتك
  2. ابدأ مثيل GIT ونسخه عبر ملفات القالب
  3. الكتابة فوق هذا ReadMe
  4. تأكد من تغيير عنوان الريبو
  5. تأكد من تغيير manifest.json في المجلد public
  6. تأكد من تغيير firebase.js على مجلد src

متنوع

قبل أن تبدأ

أضف Firebase إلى مشروع JavaScript الخاص بك

كن مستعدًا للحصول على موفر Facebook

  1. على موقع Facebook للمطورين ، احصل على معرف التطبيق وسرية التطبيق لتطبيقك
  2. تمكين تسجيل الدخول إلى Facebook:
    1. في وحدة التحكم في Firebase ، افتح قسم المصادقة .
    2. في علامة التبويب طريقة تسجيل الدخول ، قم بتمكين طريقة تسجيل الدخول على Facebook وحدد معرف التطبيق وسرية التطبيق التي حصلت عليها من Facebook.
    3. بعد ذلك ، تأكد من إدراج Oauth Redirect URI (على سبيل المثال my-app-12345.firebaseapp.com/__/auth/handler ) كأحد OAUTH Redirect URIs في صفحة إعدادات تطبيق Facebook الخاصة بك على موقع Facebook لموقع المطورين في إعدادات المنتجات على Facebook .

كن مستعدًا للحصول على Acces مع مزود Google

  1. تمكين تسجيل الدخول إلى Google في وحدة التحكم Firebase:
    1. في وحدة التحكم في Firebase ، افتح قسم المصادقة .
    2. في علامة التبويب طريقة تسجيل الدخول ، قم بتمكين طريقة تسجيل الدخول إلى Google وانقر فوق حفظ .

كن مستعدًا للحصول على موفر GitHub

  1. في وحدة التحكم في Firebase ، افتح قسم المصادقة .
  2. في علامة التبويب طريقة تسجيل الدخول ، قم بتمكين مزود GitHub .
  3. أضف معرف العميل وسرية العميل من وحدة التحكم المطورة لهذا المزود إلى تكوين المزود:
    1. قم بتسجيل تطبيقك كتطبيق مطور على Github واحصل على معرف عميل Oauth 2.0 الخاص بالتطبيق الخاص بك.
    2. تأكد من تعيين Uauth ori-bubase uri (على سبيل المثال my-app-12345.firebaseapp.com/__/auth/handler ) تم تعيين عنوان URL الخاص بك في صفحة إعدادات الاتصال الخاصة بالتطبيق على تكوين تطبيق github الخاص بك.
  4. انقر فوق حفظ .

المؤيدون

هذا هو مشروع مفتوح المصدر الذي تحتفظ به Nexxtway Corp.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل