Bagaimana cara mendeteksi jika pengguna sudah masuk ke Firebase?

Saya menggunakan api node firebase di file javascript saya untuk login Google.

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

Ini berfungsi dengan baik dan pengguna dapat masuk dengan kredensial Google-nya. Saat pengguna mengunjungi halaman itu lagi, pop-up akan terbuka lagi tetapi karena dia sudah login, pop-up tersebut menutup tanpa memerlukan interaksi apa pun dari pengguna. Apakah ada cara untuk memeriksa apakah sudah ada pengguna yang login sebelum meminta popup?

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

Anda harus menambahkan pengamat perubahan status autentikasi.

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

Anda juga dapat memeriksa apakah ada currentUser

var user = firebase.auth().currentUser;

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

Tidak mungkin untuk mengetahui apakah pengguna akan masuk ketika halaman mulai memuat, ada solusi meskipun.

Anda dapat mengingat status autentikasi terakhir ke localStorage untuk mempertahankannya di antara sesi dan antar tab.

Kemudian, saat halaman mulai memuat, Anda dapat secara optimis mengasumsikan bahwa pengguna akan masuk kembali secara otomatis dan menunda dialog sampai Anda dapat yakin (yaitu setelah onAuthStateChangeddiaktifkan). Jika tidak, jika localStoragekuncinya kosong, Anda dapat langsung menampilkan dialog.

Peristiwa firebase onAuthStateChangedakan aktif sekitar 2 detik setelah halaman dimuat.

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

Dan inilah cara PrivateRoute saya diterapkan:

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

Tidak perlu menggunakan fungsi onAuthStateChanged () dalam skenario ini.

Anda dapat dengan mudah mendeteksi apakah pengguna masuk atau tidak dengan menjalankan:

var user = firebase.auth().currentUser;

Bagi mereka yang menghadapi masalah "mengembalikan null", itu hanya karena Anda tidak menunggu panggilan firebase selesai.

Misalkan Anda melakukan tindakan login pada Halaman A dan kemudian Anda memanggil Halaman B, di Halaman B Anda dapat memanggil kode JS berikut untuk menguji perilaku yang diharapkan:

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

Jika pengguna login maka "var user" akan berisi payload JSON yang diharapkan, jika tidak, maka hanya "null"

Dan hanya itu yang Anda butuhkan.

Salam

Cara lainnya adalah menggunakan hal yang sama dengan yang digunakan firebase.

Misalnya saat pengguna masuk, firebase menyimpan detail di bawah ini di penyimpanan lokal. Saat pengguna kembali ke halaman, firebase menggunakan metode yang sama untuk mengidentifikasi apakah pengguna harus login secara otomatis.

PERHATIAN: Karena ini tidak terdaftar atau direkomendasikan oleh firebase. Anda dapat menyebut metode ini sebagai cara tidak resmi untuk melakukan ini. Yang berarti nanti jika firebase mengubah kerja dalamnya, metode ini mungkin tidak berfungsi. Atau singkatnya. Gunakan dengan resiko Anda sendiri! :)

Ini bekerja:

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

Jika Anda mengizinkan pengguna anonim serta mereka yang masuk dengan email, Anda dapat menggunakan firebase.auth().currentUser.isAnonymous, yang akan mengembalikan trueatau false.

gunakan Firebase.getAuth(). Ini mengembalikan status klien Firebase saat ini. Jika tidak, nilai kembaliannya adalah. nullBerikut dokumentasinya: https://www.firebase.com/docs/web/api/firebase/getauth.html

Impor pertama yang berikut ini

import Firebase
import FirebaseAuth

Kemudian

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