Firebase – це портативний та веб-етап застосунку з інструментами та рамками, призначеними для того, щоб інженери могли створювати дивовижні програми. Firebase складається з зворотних моментів, які інженери можуть поєднувати та відповідати своїм потребам. Адміністрації Firebase, які дозволяють дизайнерам швидше збирати та відправляти програми, включають:


  • Хмарні повідомлення
  • Перевірка
  • База даних в реальному часі
  • Ємність
  • Звіт про збої, щоб забезпечити постійну та безпечну програму від помилок.
  • Тестова лабораторія для передачі яскравих застосувань.

Користувачі можуть аутентифікуватись з Firebase за допомогою своїх облікових записів Facebook, інтегруючи Facebook у програму. Ви можете інтегрувати вхід в Facebook або за допомогою SDK Firebase для здійснення потоку входу, або виконавши потік входу в Facebook вручну та передавши отриманий маркер доступу до Firebase.

Як автентифікувати вхід у Facebook за допомогою Firebase

Передумови

  1. Додайте Firebase до свого проекту JavaScript.
  2. На веб-сайті Facebook для розробників знайдіть ідентифікатор додатка та секрет програми для свого додатка
  3. Увімкнути вхід у Facebook:
  1. На консолі Firebase відкрийте розділ Auth.
  1. На вкладці Спосіб входу ввімкніть метод входу в Facebook та вкажіть Ідентифікатор додатка та Секрет додатка, які ви отримали від Facebook.
  1. Потім переконайтесь, що ваш URI переадресації OAuth (наприклад, my-app-12345.firebaseapp.com/__/auth/handler) вказаний як один із ваших URI-адрес переадресації OAuth на сторінці налаштувань додатка Facebook на веб-сайті Facebook для розробників у продукті Налаштування > Facebook config config.

Крок 1: Обробіть потік входу за допомогою SDK Firebase

Якщо ви створюєте веб-додаток, найпростіший спосіб аутентифікувати користувачів за допомогою Firebase за допомогою їхніх облікових записів Facebook – це обробляти потік входу за допомогою SDK Firebase JavaScript SDK. (Якщо ви хочете автентифікувати користувача в Node.js або іншому середовищі, що не належить до браузера, вам слід обробити потік входу вручну.)

Крок 2. Створіть примірник об’єкта постачальника Facebook

var провайдер = новий firebase.auth.FacebookAuthProvider ();

Крок 3: Вкажіть додаткові сфери застосування OAuth 2.0, які ви хочете запитати від аутентифікації постачальник.

Щоб додати область застосування, зателефонуйте на addScope. Наприклад:

provider.addScope (‘user_birthday’);

Необов’язково: Щоб локалізувати потік OAuth постачальника на бажаній мові користувача без явного передачі відповідних спеціальних параметрів OAuth, оновіть код мови в екземплярі Auth перед запуском потоку OAuth. Наприклад:

firebase.auth (). languageCode = ‘fr_FR’;
// Застосувати налаштування браузера за замовчуванням замість явного встановлення
це.
// firebase.auth (). useDeviceLanguage ();

Крок 4: Вкажіть додаткові спеціальні параметри постачальника OAuth, які потрібно надіслати за допомогою Запит OAuth

Щоб додати спеціальний параметр, викликайте setCustomParameters на ініціалізованому провайдері з об’єктом, що містить ключ, визначений документацією постачальника OAuth та відповідним значенням. Наприклад:

provider.setCustomParameters ({
‘display’: ‘спливаюче вікно’
});

Зарезервовані необхідні параметри OAuth заборонені та будуть ігноровані. Щоб отримати докладнішу інформацію, перегляньте посилання постачальника послуг аутентифікації.

Крок 5: Аутентифікуйте з Firebase за допомогою об’єкта постачальника Facebook

Ви можете запропонувати своїм користувачам увійти за допомогою своїх облікових записів Facebook, відкривши спливаюче вікно або перенаправившись на сторінку входу. Спосіб переадресації є кращим на мобільних пристроях.

Щоб увійти за допомогою спливаючого вікна, зателефонуйте signInWithPopup:

firebase.auth (). signInWithPopup (провайдер) .then (функція (результат) {
// Це дає вам маркер доступу до Facebook. Ви можете використовувати його для доступу до
Facebook API.
var token = result.credential.accessToken;
// Інформація про користувача, що увійшов.
var user = result.user;
// …
}). catch (функція (помилка) {
// Виправляйте тут помилки.
var errorCode = помилка коду;
var errorMessage = помилка.message;
// Електронна пошта використовуваного облікового запису користувача.
var email = error.email;
// Тип firebase.auth.AuthCredential, який використовувався.
var poveritive = помилка.credential;
// …
});

Також зауважте, що ви можете отримати маркер OAuth від провайдера Facebook, який можна використовувати для отримання додаткових даних за допомогою API-програм Facebook.

Тут також можна вловити помилки та виправити їх. Щоб ознайомитись зі списком кодів помилок, перегляньте Довідкові документи Auth.

Щоб увійти, перенаправившись на сторінку входу, зателефонуйте signInWithRedirect:

firebase.auth (). signInWithRedirect (провайдер);

Потім ви також можете отримати маркер OAuth від провайдера Facebook, зателефонувавши на getRedirectResult, коли ваша сторінка завантажується:

firebase.auth (). getRedirectResult (). тоді (функція (результат) {
if (result.credential) {
// Це дає вам маркер доступу до Facebook. Ви можете використовувати його для доступу
Facebook API.
var token = result.credential.accessToken;
// …
}
// Інформація про користувача, що увійшов.
var user = result.user;
}). catch (функція (помилка) {
// Виправляйте тут помилки.
var errorCode = помилка коду;
var errorMessage = помилка.message;
// Електронна пошта використовуваного облікового запису користувача.
var email = error.email;
// Тип firebase.auth.AuthCredential, який використовувався.
var poveritive = помилка.credential;
// …
});

Тепер кроки для автентифікації входу у facebook завершені. Ви можете успішно автентифікувати вхід у facebook за допомогою firebase.

Ознайомтеся з трьома найкращими хмарними хостинговими послугами:

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