Вход с помощью Facebook и Firebase в веб-приложении

#javascript #firebase #facebook-login #firebase-authentication

#javascript #firebase #facebook-вход #firebase-аутентификация

Вопрос:

Я бы хотел использовать вход в Facebook через Firebase следующим образом:

 firebase.auth().signInWithPopup(provider).then(function(result) {
  // This gives you a Facebook Access Token. You can use it to access the Facebook API.

}).catch(function(error) {
  // Handle Errors here.

});
  

Но у меня все еще есть некоторые проблемы с «авторизацией». Вот моя ошибка консоли:

введите описание изображения здесь

Я попытался проверить «Раздел авторизации -> Вход» в Firebase, вот картинка:

введите описание изображения здесь

Но это, к сожалению, мне не помогло. Итак, я проверил консоль API Google, вот ключ:

введите описание изображения здесь

При вызове функции появляется ошибка Javascript signInWithPopup .

Кто-нибудь может мне помочь? Спасибо.

Комментарии:

1. Из какого домена вы обслуживаете приложение?

2. Я думаю, у вас могут быть некоторые проблемы с ApiKey вашего браузера. Для этого могут быть ограничения на ссылки. Я заметил это, потому что вы получили 403 в своем запросе. Можете ли вы показать нам ответ на этот запрос getProjectConfig?

Ответ №1:

Предполагая, что вы уже зарегистрировали свое приложение в Facebook, вам необходимо добавить свой идентификатор приложения Facebook и секрет в Firebase, а затем зарегистрировать перенаправление OAuth в Facebook.

Поставщики входа

Ответ №2:

Конечно, @bojeil, это ответ на запрос «getProjectConfig».

 {
 "error": {
  "errors": [
   {
    "domain": "usageLimits",
    "reason": "ipRefererBlocked",
    "message": "The referrer https://mywebsite-28961.firebaseapp.com/__/auth/iframe?apiKey=AIzaSXXXXXXXXXXXJxJtYyQcamp;appName=[DEFAULT]amp;v=3.2.1amp;usegapi=1amp;jsh=m;/_/scs/apps-static/_/js/k=oz.gapi.fr.rHHEwUgDOpI.O/m=__features__/am=AQ/rt=j/d=1/rs=AGLTcCM__323woIJL0YGmPpXSAOboj0rkQ does not match the referrer restrictions configured on your API key. Please use the API Console to update your key restrictions.",
    "extendedHelp": "https://console.developers.google.com/apis/credentials?project=952309991745"
   }
  ],
  "code": 403,
  "message": "The referrer https://mywebsite-28961.firebaseapp.com/__/auth/iframe?apiKey=AIzaSXXXXXXXXXXXJxJtYyQcamp;appName=[DEFAULT]amp;v=3.2.1amp;usegapi=1amp;jsh=m;/_/scs/apps-static/_/js/k=oz.gapi.fr.rHHEwUgDOpI.O/m=__features__/am=AQ/rt=j/d=1/rs=AGLTcCM__323woIJL0YGmPpXSAOboj0rkQ does not match the referrer restrictions configured on your API key. Please use the API Console to update your key restrictions."
 }
}