Блог

Я пытаюсь добавить вход с помощью Facebook в свое приложение Nextjs. У меня это работает с регистрацией в Google — поставщик аутентификации в документах не работал, но я нашел ответ здесь, в котором говорилось, что нужно импортировать {google_provider} и использовать его в качестве поставщика. Это отличается от того, что говорится в документах, но это работает.

Теперь у меня та же проблема с поставщиком аутентификации Facebook. Я устанавливаю поставщика в качестве нового экземпляра FacebookAuthProvider, который не определен при импорте из firebase. Я устанавливаю auth как getAuth (), который также не определен при импорте из firebase. Я попытался импортировать facebook_provider как «Аве Мария», но и там ничего не нашел.

 import { getAuth, signInWithPopup, FacebookAuthProvider } from "firebase/auth";

const signInWithFacebook = () => {
 const provider = new FacebookAuthProvider();
 provider.addScope("user_birthday");
 provider.setCustomParameters({
  display: "popup",
 });

 const auth = getAuth();

 fire
   .auth()
  .signInWithPopup(auth, provider)
  .then((result) => {
    // The signed-in user info.
    const user = result.user;

    // This gives you a Facebook Access Token. You can use it to access the Facebook API.
    const credential = FacebookAuthProvider.credentialFromResult(result);
    const accessToken = credential.accessToken;

    // ...
  })
  .catch((error) => {
    console.log(error);
  });
 

};