Come faccio a rilevare se un utente ha già effettuato l'accesso a Firebase?

Sto utilizzando l'API del nodo Firebase nei miei file javascript per l'accesso a Google.

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

Funziona bene e l'utente è in grado di accedere con le proprie credenziali di Google. Quando l'utente visita nuovamente la pagina, il popup si apre nuovamente ma poiché ha già effettuato l'accesso, il popup si chiude senza richiedere alcuna interazione da parte dell'utente. C'è un modo per verificare se c'è già un utente connesso prima di visualizzare il popup?

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

Devi aggiungere un osservatore del cambiamento dello stato di autenticazione.

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

Puoi anche controllare se c'è un utente corrente

var user = firebase.auth().currentUser;

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

Non è possibile dire se un utente verrà firmato quando una pagina inizia a caricarsi, c'è comunque da aggirare.

È possibile memorizzare l'ultimo stato di autenticazione su localStorage per mantenerlo tra le sessioni e tra le schede.

Quindi, quando la pagina inizia a caricarsi, puoi assumere ottimisticamente che l'utente accederà di nuovo automaticamente e posticipare la finestra di dialogo finché non sarai sicuro (cioè dopo gli onAuthStateChangedincendi). Altrimenti, se la localStoragechiave è vuota, puoi mostrare subito la finestra di dialogo.

L' onAuthStateChangedevento Firebase si attiverà circa 2 secondi dopo il caricamento di una pagina.

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

Ed è così che viene implementato il mio 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}}}
    // />

Non è necessario utilizzare la funzione onAuthStateChanged () in questo scenario.

Puoi facilmente rilevare se l'utente è registrato o meno eseguendo:

var user = firebase.auth().currentUser;

Per coloro che affrontano il problema della "restituzione di valori nulli", è solo perché non stai aspettando il completamento della chiamata Firebase.

Supponiamo che tu esegua l'azione di login sulla Pagina A e poi invoca la Pagina B, sulla Pagina B puoi chiamare il seguente codice JS per testare il comportamento previsto:

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

Se l'utente è registrato, "var user" conterrà il payload JSON previsto, in caso contrario sarà solo "null"

E questo è tutto ciò di cui hai bisogno.

Saluti

Un altro modo è usare la stessa cosa che usa Firebase.

Ad esempio, quando l'utente accede, Firebase memorizza i dettagli di seguito nella memoria locale. Quando l'utente torna alla pagina, firebase utilizza lo stesso metodo per identificare se l'utente deve accedere automaticamente.

ATTENZIONE: poiché questo non è né elencato né consigliato da Firebase. Puoi chiamare questo metodo un modo non ufficiale per farlo. Ciò significa che in seguito se Firebase cambia il proprio funzionamento interno, questo metodo potrebbe non funzionare. O in breve. Utilizzare a proprio rischio! :)

Funziona:

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

Se stai consentendo agli utenti anonimi e a quelli che hanno effettuato l'accesso con la posta elettronica, puoi utilizzare firebase.auth().currentUser.isAnonymous, che restituirà trueo false.

utilizzare Firebase.getAuth(). Restituisce lo stato corrente del client Firebase. Altrimenti il ​​valore restituito è nullEcco i documenti: https://www.firebase.com/docs/web/api/firebase/getauth.html

Per prima cosa importa quanto segue

import Firebase
import FirebaseAuth

Poi

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