Блог

Единственный способ проверить, вошел ли пользователь в мое веб-приложение, — это использовать следующее во внешнем интерфейсе

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

Однако у меня есть облачная функция, которую я использую для обработки платежа, она выглядит следующим образом

 app.post("/payment", function (req, res) {
  const orderId = new Date().getTime();
  mollieClient.payments
    .create({
      amount: {
        value: req.body.amount.amount,
        currency: req.body.amount.currency,
      },
      description: req.body.description,
      //redirectUrl: `http://localhost:5500/project/order.html?id=${orderId}`,
      redirectUrl: `https://......web.app/order.html?id=${orderId}`, 
      webhookUrl: .....
    })
    .then((payment) => {
      res.send({
        redirectUrl: payment.getCheckoutUrl(),
      });
      return payment.getCheckoutUrl();
    })
  

Моя проблема связана с URL-адресом перенаправления, страница перенаправления на заказ должна отображать информацию об этом заказе, но она ничего не отображает, потому что я установил, что ее могут видеть только зарегистрированные пользователи. Мой вопрос в том, почему он выходит из системы пользователя. Я попытался перенаправить как на ‘localhost’, так и на ‘URL-of-deployed-firebase-app’, и в обоих случаях он выводит пользователя из системы. Я интуитивно подумал, что Firebase хранит информацию аутентификации в локальном хранилище, потому что я могу перейти на любую страницу, которую я хочу, без необходимости входа в систему. Но я думаю, что здесь это не так. Я не использую никаких let token = result.credential.accessToken токенов для отслеживания статуса авторизации. В чем здесь проблема и как мне поступить?

Вот страница заказа

 function getOrderDetails() {
  const url = new URL(window.location.href);
  let orderId = url.searchParams.get("id");
  firebase.auth().onAuthStateChanged(function (user) {
    if (user) {
      console.log("User logged in "   user);
      firebase
      .firestore()
      .doc(`orders/${orderId}`)
      .get()
      .then((doc) => {
        let orderSelected = {
          category: doc.data().category,
          delivery: doc.data().delivery,
          description: doc.data().description,
          price: doc.data().price,
          title: doc.data().title,
          quantity: doc.data().quantity,
        };
     // set textContent of divs
     } else {
       console.log("User not logged in "   user);
     }
  });
}

getOrderDetails();
  

На новой странице требуется время для восстановления учетных данных пользователя, поскольку для этого может потребоваться вызов сервера. Поэтому нормально, что ваш onAuthStateChanged() слушатель сначала вызывается с null помощью и только после этого с фактическим пользователем. Таким образом, вам придется обрабатывать поток таким образом, чтобы иметь дело с начальным null , например, подождав несколько секунд, прежде чем предположить, что сеанс пользователя не восстановлен.

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