Як визначити, чи користувач вже ввійшов у 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.
  }
});

Ви також можете перевірити, чи є currentUser

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"

І це все, що вам потрібно.

З повагою

Ще один спосіб - використовувати те саме, що використовує Firebase.

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

ATTN: Оскільки це не вказано та не рекомендовано firebase. Ви можете назвати цей метод неофіційним способом. Що означає, що пізніше, якщо firebase змінить свою внутрішню роботу, цей метод може не спрацювати. Або коротше. Використовуйте на свій страх і ризик! :)

Це працює:

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.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
    }