¿Cómo puedo detectar si un usuario ya inició sesión en Firebase?

Estoy usando la API del nodo de base de fuego en mis archivos javascript para el inicio de sesión de Google.

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

Esto funciona bien y el usuario puede iniciar sesión con sus credenciales de Google. Cuando el usuario visita la página nuevamente, la ventana emergente se abre nuevamente, pero como ya ha iniciado sesión, la ventana emergente se cierra sin requerir ninguna interacción por parte del usuario. ¿Hay alguna forma de comprobar si ya hay un usuario que inició sesión antes de que aparezca la ventana emergente?

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

Debe agregar un observador de cambio de estado de autenticación.

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

También puede comprobar si hay un usuario actual

var user = firebase.auth().currentUser;

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

Es no es posible decir si un usuario va a ser firmada cuando se inicia una página de carga, hay un trabajo alrededor sin embargo.

Puede memorizar el último estado de autenticación en localStorage para conservarlo entre sesiones y entre pestañas.

Luego, cuando la página comience a cargarse, puede asumir con optimismo que el usuario volverá a iniciar sesión automáticamente y pospondrá el cuadro de diálogo hasta que pueda estar seguro (es decir, después de los onAuthStateChangedincendios). De lo contrario, si ellocalStorage clave está vacía, puede mostrar el cuadro de diálogo de inmediato.

El onAuthStateChangedevento de base de fuego se activará aproximadamente 2 segundos después de que se cargue una página.

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

Y así es como se implementa mi 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}}}
    // />

No es necesario utilizar la función onAuthStateChanged () en este escenario.

Puede detectar fácilmente si el usuario está registrado o no ejecutando:

var user = firebase.auth().currentUser;

Para aquellos que enfrentan el problema de "devolver nulo", es solo porque no está esperando a que se complete la llamada a la base de fuego.

Supongamos que realiza la acción de inicio de sesión en la página A y luego invoca la página B, en la página B puede llamar al siguiente código JS para probar el comportamiento esperado:

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

Si el usuario está registrado, "var user" contendrá la carga útil JSON esperada; de lo contrario, será simplemente "nulo".

Y eso es todo lo que necesitas.

Saludos

Otra forma es usar lo mismo que usa firebase.

Por ejemplo, cuando el usuario inicia sesión, firebase almacena los siguientes detalles en el almacenamiento local. Cuando el usuario vuelve a la página, firebase usa el mismo método para identificar si el usuario debe iniciar sesión automáticamente.

ATTN: Como esto no está listado ni recomendado por firebase. Puede llamar a este método una forma no oficial de hacer esto. Lo que significa que más adelante, si firebase cambia su funcionamiento interno, es posible que este método no funcione. O en resumen. ¡Úselo bajo su propio riesgo! :)

Esto funciona:

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

Si está permitiendo usuarios anónimos, así como aquellos que iniciaron sesión con correo electrónico, puede usar firebase.auth().currentUser.isAnonymous, que devolverá trueo false.

utilizar Firebase.getAuth(). Devuelve el estado actual del cliente de Firebase. De lo contrario, el valor de retorno es nullAquí están los documentos: https://www.firebase.com/docs/web/api/firebase/getauth.html

Primero importe lo siguiente

import Firebase
import FirebaseAuth

Luego

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