Wie erkenne ich, ob ein Benutzer bereits in Firebase angemeldet ist?

Ich verwende die Firebase-Knoten-API in meinen Javascript-Dateien für die Google-Anmeldung.

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

Dies funktioniert einwandfrei und der Nutzer kann sich mit seinen Google-Anmeldeinformationen anmelden. Wenn der Benutzer die Seite erneut besucht, wird das Popup erneut geöffnet. Da er sich jedoch bereits angemeldet hat, wird das Popup geschlossen, ohne dass der Benutzer interagieren muss. Gibt es eine Möglichkeit zu überprüfen, ob bereits ein Benutzer angemeldet ist, bevor das Popup angezeigt wird?

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

Sie müssen einen Beobachter für die Änderung des Authentifizierungsstatus hinzufügen.

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

Sie können auch überprüfen, ob ein aktueller Benutzer vorhanden ist

var user = firebase.auth().currentUser;

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

Es ist nicht möglich zu sagen , ob ein Benutzer wird unterzeichnet werden , wenn ein Laden der Seite beginnt, gibt es eine Arbeit um , obwohl ist.

Sie können den letzten Authentifizierungsstatus in localStorage speichern, um ihn zwischen Sitzungen und zwischen Registerkarten beizubehalten.

Wenn die Seite geladen wird, können Sie optimistisch davon ausgehen, dass der Benutzer automatisch neu angemeldet wird, und den Dialog verschieben, bis Sie sicher sind (dh nach einem onAuthStateChangedBrand). Andernfalls localStoragekönnen Sie den Dialog sofort anzeigen, wenn der Schlüssel leer ist.

Das Firebase- onAuthStateChangedEreignis wird ungefähr 2 Sekunden nach dem Laden der Seite ausgelöst.

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

Und so wird meine PrivateRoute implementiert:

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

In diesem Szenario muss die Funktion onAuthStateChanged () nicht verwendet werden.

Sie können leicht feststellen, ob der Benutzer angemeldet ist oder nicht, indem Sie Folgendes ausführen:

var user = firebase.auth().currentUser;

Für diejenigen, die mit dem Problem der "Rückgabe von Null" konfrontiert sind, liegt dies nur daran, dass Sie nicht auf den Abschluss des Firebase-Aufrufs warten.

Angenommen, Sie führen die Anmeldeaktion auf Seite A aus und rufen dann Seite B auf. Auf Seite B können Sie den folgenden JS-Code aufrufen, um das erwartete Verhalten zu testen:

  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);
    });

Wenn der Benutzer protokolliert ist, enthält "var user" die erwartete JSON-Nutzlast. Wenn nicht, ist sie nur "null".

Und das ist alles was du brauchst.

Grüße

Eine andere Möglichkeit besteht darin, dasselbe zu verwenden, was Firebase verwendet.

Wenn sich der Benutzer beispielsweise anmeldet, speichert Firebase die folgenden Details im lokalen Speicher. Wenn der Benutzer zur Seite zurückkehrt, verwendet Firebase dieselbe Methode, um festzustellen, ob der Benutzer automatisch angemeldet werden soll.

ATTN: Da dies von Firebase weder aufgeführt noch empfohlen wird. Sie können diese Methode als inoffizielle Methode bezeichnen. Das heißt, später, wenn Firebase ihre innere Arbeitsweise ändert, funktioniert diese Methode möglicherweise nicht. Oder kurz gesagt. Benutzung auf eigene Gefahr! :) :)

Das funktioniert:

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

Wenn Sie sowohl anonyme als auch mit E-Mail angemeldete Benutzer zulassen, können Sie diese verwenden firebase.auth().currentUser.isAnonymous, die entweder trueoder zurückgeben false.

verwenden Firebase.getAuth(). Es gibt den aktuellen Status des Firebase-Clients zurück. Andernfalls lautet der Rückgabewert. nullHier sind die Dokumente: https://www.firebase.com/docs/web/api/firebase/getauth.html

Importieren Sie zuerst Folgendes

import Firebase
import FirebaseAuth

Dann

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