نحوه تأیید ورود به سیستم فیس بوک با استفاده از Firebase

Firebase یک مرحله برنامه قابل حمل و وب با ابزار و چارچوبی در نظر گرفته شده است تا مهندسان را قادر به ساخت برنامه های شگفت انگیز کند. Firebase از نکات برجسته متقابل تشکیل شده است که مهندسین می توانند متناسب با نیاز خود ترکیب و مطابقت داشته باشند. اداراتی که توسط Firebase داده شده است و می تواند طراحان را قادر به جمع آوری و ارسال سریعتر برنامه ها کند ، شامل موارد زیر است:


  • پیام رسانی ابر
  • اعتبار سنجی
  • بانک اطلاعات املاک و مستغلات
  • ظرفیت
  • Crash Reporting برای ثابت نگه داشتن برنامه های خود و بدون اشکالات برنامه های کاربردی خود را.
  • آزمایشگاه آزمایش برای انتقال برنامه های درخشان.

کاربران می توانند با استفاده از حساب های فیس بوک خود با Firebase با استفاده از حساب کاربری Facebook وارد برنامه شوند. با استفاده از Firebase SDK می توانید جریان ورود به سیستم یا با انجام جریان ورود به سیستم فیس بوک به صورت دستی و عبور از نشانه دسترسی حاصل شده به Firebase ، ورود به سیستم فیس بوک را ادغام کنید..

نحوه تأیید ورود به سیستم فیس بوک با استفاده از Firebase

پیش نیازها

  1. Firebase را به پروژه جاوا اسکریپت خود اضافه کنید.
  2. در سایت Facebook for Developers ، شناسه برنامه و یک راز برنامه را برای برنامه خود دریافت کنید
  3. فعال کردن ورود به فیس بوک:
  1. در کنسول Firebase ، بخش Auth را باز کنید.
  1. در برگه ورود به سیستم ، روش ورود به سیستم Facebook را فعال کنید و شناسه برنامه و برنامه راز را از فیس بوک دریافت کنید.
  1. سپس اطمینان حاصل کنید که UA هدایت مجدد OAuth (به عنوان مثال my-app-12345.firebaseapp.com/__/auth/handler) به عنوان یکی از URI های هدایت شونده OAuth در صفحه تنظیمات برنامه Facebook خود در صفحه تنظیمات برنامه Facebook در لیست محصولات Facebook قرار دارد. تنظیمات > پیکربندی ورود به فیس بوک.

مرحله 1: جریان ورود به سیستم را با Firebase SDK اداره کنید

اگر در حال ساختن یک برنامه وب هستید ، آسانترین راه برای تأیید اعتبار کاربران خود با Firebase با استفاده از حساب های فیس بوک خود ، رسیدگی به جریان ورود به سیستم با Firebase JavaScript SDK است. (اگر می خواهید یک کاربر را در Node.js یا محیط غیر مرورگر دیگر تأیید کنید ، باید جریان ورود به سیستم را به صورت دستی انجام دهید.)

مرحله 2: نمونه ای از موضوع ارائه دهنده فیس بوک ایجاد کنید

ارائه دهنده var = new firebase.auth.FacebookAuthProvider ()؛

مرحله سوم: محدوده های اضافی OAuth 2.0 را که می خواهید از تأیید اعتبار درخواست کنید ، مشخص کنید ارائه دهنده.

برای افزودن دامنه ، با addScope تماس بگیرید. مثلا:

provider.addScope (‘user_birthday’)؛

اختیاری: برای بومی سازی جریان OAuth ارائه دهنده به زبان مورد نظر کاربر بدون عبور صریح پارامترهای مربوطه سفارشی OAuth ، قبل از شروع جریان OAuth ، کد زبان را در نمونه Auth به روز کنید. مثلا:

firebase.auth (). languageCode = ‘fr_FR’؛
// به جای تنظیم صریح ، اولویت پیش فرض مرورگر را اعمال کنید
آی تی.
// firebase.auth (). useDeviceLanguage ()؛

مرحله 4: پارامترهای اضافی ارائه دهنده OAuth دیگری را که می خواهید با آن ارسال کنید مشخص کنید درخواست Outh

برای افزودن یک پارامتر سفارشی ، با ارائه دهنده اولیه با یک شی حاوی کلید ، مطابق اسناد ارائه دهنده OAuth و مقدار مربوطه ، با تنظیم کننده SetCustomParameters تماس بگیرید. مثلا:

provider.setCustomParameters ({
‘display’: ‘popup’
})؛

پارامترهای مورد نیاز OAuth رزرو مجاز نیست و نادیده گرفته می شود. برای اطلاعات بیشتر به مرجع ارائه دهنده تأیید اعتبار مراجعه کنید.

مرحله 5: با استفاده از شیء ارائه دهنده فیس بوک ، Firebase را تأیید کنید

می توانید با باز کردن یک پنجره پاپ آپ یا با هدایت مجدد به صفحه ورود به سیستم ، کاربران خود را به حساب کاربری خود در Facebook وارد کنید. روش تغییر مسیر در دستگاه های تلفن همراه ترجیح داده می شود.

برای ورود به سیستم با یک پنجره بازشو ، با signInWithPopup تماس بگیرید:

firebase.auth (). signInWithPopup (ارائه دهنده) .The (عملکرد (نتیجه)) then
// این به شما امکان دسترسی به فیس بوک را می دهد. می توانید برای دسترسی به آن استفاده کنید
API فیس بوک.
var token = result.credential.accessToken؛
// اطلاعات کاربر به سیستم وارد شده است.
var user = result.user؛
// …
catch) گرفتن (عملکرد (خطا)
// خطاها را در اینجا کنترل کنید.
var errorCode = error.code؛
var errorMessage = error.message؛
// ایمیل حساب کاربری مورد استفاده.
var email = error.email؛
// the firebase.auth.AuthCredential که مورد استفاده قرار گرفت.
اعتبار اعتبار = خطا.قابل اعتبار؛
// …
})؛

همچنین توجه داشته باشید که می توانید نشان OAuth ارائه دهنده فیس بوک را بازیابی کنید که می تواند برای واکشی داده های اضافی با استفاده از API های فیس بوک استفاده کند.

این همچنین در جایی است که می توانید خطاها را بگیرید و کنترل کنید. برای داشتن لیستی از کدهای خطا ، به اسناد مرجع Auth مراجعه کنید.

برای ورود به سیستم با هدایت مجدد به صفحه ورود به سیستم ، با signInWithRedirect تماس بگیرید:

firebase.auth (). signInWithRedirect (ارائه دهنده)؛

سپس می توانید با فراخوانی getRedirectResult هنگام بارگیری صفحه ، نماد OAuth ارائه دهنده فیس بوک را بازیابی کنید:

firebase.auth (). getRedirectResult () سپس (عملکرد (نتیجه))
اگر (نتیجه. اعتبار) {
// این به شما امکان دسترسی به فیس بوک را می دهد. می توانید از آن برای دسترسی استفاده کنید
API فیس بوک.
var token = result.credential.accessToken؛
// …
}
// اطلاعات کاربر به سیستم وارد شده است.
var user = result.user؛
catch) گرفتن (عملکرد (خطا)
// خطاها را در اینجا کنترل کنید.
var errorCode = error.code؛
var errorMessage = error.message؛
// ایمیل حساب کاربری مورد استفاده.
var email = error.email؛
// the firebase.auth.AuthCredential که مورد استفاده قرار گرفت.
اعتبار اعتبار = خطا.قابل اعتبار؛
// …
})؛

اکنون مراحل احراز هویت ورود به سایت فیس بوک به پایان رسیده است. با موفقیت می توانید ورود به سیستم فیس بوک را با Firebase تأیید کنید.

3 سرویس برتر میزبانی ابر را بررسی کنید:

FastComet

قیمت شروع:
59.95 دلار


قابلیت اطمینان
9.7


قیمت گذاری
9.5


کاربر پسند
9.7


پشتیبانی
9.7


امکانات
9.6

بررسی ها را بخوانید

از FastComet بازدید کنید

ابرهای ابری

قیمت شروع:
10.00 دلار


قابلیت اطمینان
9.4


قیمت گذاری
9.2


کاربر پسند
9.2


پشتیبانی
9.3


امکانات
9.3

بررسی ها را بخوانید

از Cloudways بازدید کنید

میزبان

قیمت شروع:
7.45 دلار


قابلیت اطمینان
9.3


قیمت گذاری
9.3


کاربر پسند
9.4


پشتیبانی
9.4


امکانات
9.2

بررسی ها را بخوانید

از هاستینجر بازدید کنید

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me