Как определить, вошел ли пользователь в Firebase?

Я использую api узла firebase в своих файлах javascript для входа в Google.

firebase.initializeApp(config);
let provider = new firebase.auth.GoogleAuthProvider();
firebase.auth().signInWithPopup(provider);

Это работает нормально, и пользователь может войти в систему со своими учетными данными Google. Когда пользователь снова посещает страницу, всплывающее окно открывается снова, но, поскольку он уже вошел в систему, всплывающее окно закрывается, не требуя какого-либо взаимодействия со стороны пользователя. Есть ли способ проверить, есть ли уже вошедший в систему пользователь, прежде чем запрашивать всплывающее окно?

https://firebase.google.com/docs/auth/web/manage-users

Вам нужно добавить наблюдателя за изменением состояния авторизации.

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
  } else {
    // No user is signed in.
  }
});

Вы также можете проверить, есть ли текущий пользователь

var user = firebase.auth().currentUser;

if (user) {
  // User is signed in.
} else {
  // No user is signed in.
}

Это не возможно сказать , является ли пользователь будет быть подписан , когда страница начинается загрузка, есть работа вокруг , хотя.

Вы можете запомнить последнее состояние аутентификации в localStorage, чтобы сохранять его между сеансами и между вкладками.

Затем, когда страница начинает загружаться, вы можете оптимистично предположить, что пользователь будет повторно авторизован автоматически, и отложить диалог до тех пор, пока вы не будете уверены (например, после onAuthStateChangedпожаров). В противном случае, если localStorageключ пуст, вы можете сразу показать диалог.

onAuthStateChangedСобытие firebase срабатывает примерно через 2 секунды после загрузки страницы.

// User signed out in previous session, show dialog immediately because there will be no auto-login
if (!localStorage.getItem('myPage.expectSignIn')) showDialog() // or redirect to sign-in page

firebase.auth().onAuthStateChanged(user => {
  if (user) {
    // User just signed in, we should not display dialog next time because of firebase auto-login
    localStorage.setItem('myPage.expectSignIn', '1')
  } else {
    // User just signed-out or auto-login failed, we will show sign-in form immediately the next time he loads the page
    localStorage.removeItem('myPage.expectSignIn')

    // Here implement logic to trigger the login dialog or redirect to sign-in page, if necessary. Don't redirect if dialog is already visible.
    // e.g. showDialog()
  }
})

<Router>
  <Switch>
    <PrivateRoute
      exact path={routes.DASHBOARD}
      component={pages.Dashboard}
    />
...

И вот как реализован мой PrivateRoute:

export default function PrivateRoute(props) {
  return firebase.auth().currentUser != null
    ? <Route {...props}/>
    : localStorage.getItem('myPage.expectSignIn')
      // if user is expected to sign in automatically, display Spinner, otherwise redirect to login page.
      ? <Spinner centered size={400}/>
      : (
        <>
          Redirecting to sign in page.
          { location.replace(`/login?from=${props.path}`) }
        </>
      )
}

    // Using router Redirect instead of location.replace
    // <Redirect
    //   from={props.path}
    //   to={{pathname: routes.SIGN_IN, state: {from: props.path}}}
    // />

В этом сценарии нет необходимости использовать функцию onAuthStateChanged ().

Вы можете легко определить, вошел ли пользователь в систему или нет, выполнив:

var user = firebase.auth().currentUser;

Для тех, кто сталкивается с проблемой «возврата нуля», это просто потому, что вы не ждете завершения вызова firebase.

Предположим, вы выполняете действие входа в систему на странице A, а затем вызываете страницу B, на странице B вы можете вызвать следующий код JS для проверки ожидаемого поведения:

  var config = {
    apiKey: "....",
    authDomain: "...",
    databaseURL: "...",
    projectId: "..",
    storageBucket: "..",
    messagingSenderId: ".."
  };
  firebase.initializeApp(config);

    $( document ).ready(function() {
        console.log( "testing.." );
        var user = firebase.auth().currentUser;
        console.log(user);
    });

Если пользователь зарегистрирован, то «var user» будет содержать ожидаемую полезную нагрузку JSON, если нет, то это будет просто «null»

И это все, что вам нужно.

С уважением

Это работает:

async function IsLoggedIn(): Promise<boolean> {
  try {
    await new Promise((resolve, reject) =>
      app.auth().onAuthStateChanged(
        user => {
          if (user) {
            // User is signed in.
            resolve(user)
          } else {
            // No user is signed in.
            reject('no user logged in')
          }
        },
        // Prevent console error
        error => reject(error)
      )
    )
    return true
  } catch (error) {
    return false
  }
}

Еще один способ - использовать то же самое, что и firebase.

Например, когда пользователь входит в систему, firebase сохраняет указанные ниже данные в локальном хранилище. Когда пользователь возвращается на страницу, firebase использует тот же метод, чтобы определить, должен ли пользователь входить в систему автоматически.

ВНИМАНИЕ: так как это не указано и не рекомендовано firebase. Вы можете назвать этот метод неофициальным способом сделать это. Это означает, что позже, если firebase изменит свою внутреннюю работу, этот метод может не работать. Или короче. Используйте на свой риск! :)

Если вы разрешаете анонимным пользователям, а также тех, кто вошел в систему по электронной почте, вы можете использовать firebase.auth().currentUser.isAnonymous, что вернет либо trueили false.

использовать Firebase.getAuth(). Возвращает текущее состояние клиента Firebase. В противном случае возвращаемое значение: nullВот документы: https://www.firebase.com/docs/web/api/firebase/getauth.html

Сначала импортируйте следующие

import Firebase
import FirebaseAuth

затем

    // Check if logged in
    if (Auth.auth().currentUser != null) {
      // User is logged in   
    }else{
      // User is not logged in
    }