Làm cách nào để phát hiện xem người dùng đã đăng nhập vào Firebase chưa?

Tôi đang sử dụng api nút firebase trong các tệp javascript của mình để đăng nhập Google.

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

Điều này hoạt động tốt và người dùng có thể đăng nhập bằng thông tin đăng nhập Google của mình. Khi người dùng truy cập lại trang, cửa sổ bật lên sẽ mở lại nhưng vì anh ta đã đăng nhập nên cửa sổ bật lên sẽ đóng lại mà không yêu cầu bất kỳ tương tác nào từ người dùng. Có cách nào để kiểm tra xem đã có người dùng đăng nhập trước khi nhắc cửa sổ bật lên chưa?

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

Bạn phải thêm một trình quan sát thay đổi trạng thái xác thực.

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

Bạn cũng có thể kiểm tra nếu có một CurrentUser

var user = firebase.auth().currentUser;

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

Nó là không thể nói cho dù một người sử dụng sẽ được ký kết khi một trang bắt đầu tải, có một công việc xung quanh mặc dù.

Bạn có thể ghi nhớ trạng thái xác thực cuối cùng vào localStorage để duy trì trạng thái đó giữa các phiên và giữa các tab.

Sau đó, khi trang bắt đầu tải, bạn có thể lạc quan cho rằng người dùng sẽ tự động đăng nhập lại và hoãn hộp thoại cho đến khi bạn có thể chắc chắn (tức là sau khi onAuthStateChangedkích hoạt). Ngược lại, nếu localStoragephím trống, bạn có thể hiển thị hộp thoại ngay lập tức.

Sự onAuthStateChangedkiện firebase sẽ kích hoạt khoảng 2 giây sau khi tải trang.

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

Và đây là cách PrivateRoute của tôi được triển khai:

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

Không cần sử dụng hàm onAuthStateChanged () trong trường hợp này.

Bạn có thể dễ dàng phát hiện người dùng đã đăng nhập hay chưa bằng cách thực hiện:

var user = firebase.auth().currentUser;

Đối với những người gặp phải vấn đề "return null", đó chỉ là do bạn không đợi lệnh gọi firebase hoàn tất.

Giả sử bạn thực hiện hành động đăng nhập trên Trang A và sau đó bạn gọi Trang B, trên Trang B, bạn có thể gọi mã JS sau để kiểm tra hành vi mong đợi:

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

Nếu người dùng đã đăng nhập thì "var user" sẽ chứa tải trọng JSON dự kiến, nếu không, thì nó sẽ chỉ là "null"

Và đó là tất cả những gì bạn cần.

Trân trọng

Một cách khác là sử dụng cùng một thứ mà firebase sử dụng.

Ví dụ: khi người dùng đăng nhập, firebase lưu trữ các chi tiết bên dưới trong bộ nhớ cục bộ. Khi người dùng quay lại trang, firebase sử dụng cùng một phương pháp để xác định xem người dùng có nên tự động đăng nhập hay không.

ATTN: Vì điều này không được firebase liệt kê hoặc khuyến nghị. Bạn có thể gọi phương pháp này là cách làm không chính thức. Có nghĩa là sau này nếu firebase thay đổi hoạt động bên trong của chúng, phương pháp này có thể không hoạt động. Hay nói ngắn gọn. Sử dụng có nguy cơ của riêng bạn! :)

Những công việc này:

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

Nếu bạn đang cho phép những người dùng ẩn danh cũng như những người đã đăng nhập bằng email mà bạn có thể sử dụng firebase.auth().currentUser.isAnonymous, nó sẽ trả về một trong hai truehoặc false.

sử dụng Firebase.getAuth(). Nó trả về trạng thái hiện tại của ứng dụng khách Firebase. Nếu không, giá trị trả về là nullĐây là tài liệu: https://www.firebase.com/docs/web/api/firebase/getauth.html

Đầu tiên nhập những thứ sau

import Firebase
import FirebaseAuth

Sau đó

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