Блог

Мне было интересно, как сохранить состояние аутентификации с помощью firebase. То, что я делаю, это пытаюсь установить состояние сохранения, и я делаю это следующим образом:

 login.addEventListener('click', function (e) {
    e.preventDefault();

    var email = emailInput.value;
    var password = passwordInput.value;

    firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)
    .then(function() {
        auth.signInWithEmailAndPassword(email, password)
        .then(function (user) {
         })
        .catch(function (error) {
                alert(error);
        });
    })
});
 

Проблема в том, что когда я обновляю свое веб-приложение, сеанс, похоже, не сохраняется. Он перенаправляет пользователя обратно на экран входа в систему, который вообще не является желаемым выходом. Желаемым результатом будет сохранение сеанса для пользователя, и пользователь сможет проходить через приложение без необходимости повторного принудительного входа в систему.

Я следую документации firebase:

https://firebase.google.com/docs/auth/web/auth-state-persistence

Если вы хотите узнать, был ли пользователь ранее выполнен вход на ваш сайт при загрузке новой страницы, вам следует использовать auth state observer для получения обратного вызова, который уведомляет вас, когда известно, что пользователь впервые вошел в систему. Он не запускается сразу при загрузке страницы — SDK потребуется некоторое время, чтобы загрузить учетную запись пользователя и определить, действительна ли она.

 firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/firebase.User
    var uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});
 

Не используйте firebase.auth().currentUser для определения, был ли пользователь ранее выполнен вход в систему. Изначально при загрузке страницы оно всегда будет нулевым. Для получения дополнительной информации прочтите этот блог.