在React中，每次刷新页面时，Firebase身份验证用户都为空
的原因是因为刷新页面会导致React应用重新加载，而Firebase身份验证是基于会话的，会话信息不会被React应用保存下来，因此在刷新页面后会丢失身份验证用户信息。
为了解决这个问题，可以通过以下步骤来保持Firebase身份验证用户信息在页面刷新后的持久性：
- 使用Firebase的持久登录功能：Firebase提供了“记住我”功能，可以在用户登录时选择保持登录状态。这样，在刷新页面后，Firebase会自动重新验证用户身份并恢复用户信息。
- 使用本地存储：在用户登录成功后，将用户信息存储在本地存储（如localStorage或sessionStorage）中。在页面刷新后，可以从本地存储中读取用户信息，并使用Firebase的API重新验证用户身份。
- 使用React的状态管理库：可以使用React的状态管理库（如Redux或MobX）来管理用户信息。在用户登录成功后，将用户信息存储在状态管理库中，并在页面刷新后从状态管理库中获取用户信息。
- 使用React的生命周期方法：在React组件的生命周期方法中，可以在组件加载时检查本地存储或状态管理库中是否存在用户信息，并根据情况进行身份验证。
需要注意的是，以上方法只是解决在React中刷新页面导致Firebase身份验证用户为空的问题，并不涉及具体的Firebase身份验证实现细节。具体的Firebase身份验证实现可以参考Firebase官方文档和相关教程。
推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function），腾讯云数据库（TencentDB），腾讯云对象存储（COS），腾讯云人工智能（AI Lab）。
腾讯云产品介绍链接地址：
- 腾讯云云函数：https://cloud.tencent.com/product/scf
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
相关·内容
我在学习在react中的火基认证。我相信只有当用户登录状态发生变化时onAuthStateChanged才会触发。但是，即使当我转到另一个路由或刷新页面时，它仍然会执行。
这是我的AuthContext.js
import React, {useContext,useEffect,useState} from 'react';
import {auth} from './firebase';
import { createUserWithEmailAndPassword, onAuthStateChanged, signInWithEmailAndPasswor
浏览 7提问于2022-01-25得票数 0
回答已采纳
我正在构建一个连接到Firebase的web应用程序，它对用户进行身份验证并存储post数据。网上似乎有很多关于使用Redux的文档，但是没有Redux的持久化状态的文档就不多了。
当用户刷新页面时，<App />的状态会被重置，因此我需要保留现有的状态/从Firebase检索它。一些文章建议使用本地存储来存储状态。但考虑到最佳实践，应该在本地存储什么?我的应用程序将所有的状态都存储在<App />中，并将所需的状态作为支持传递给相关组件。
下面两个示例假设用户已经通过身份验证，并且刚刚刷新了他们的页面。我们希望保留他们的会议，我们也希望：
例1：
应用程序加载并检
浏览 0提问于2017-09-24得票数 6
回答已采纳
1回答
我是新的角2，我已经成功地实现了Firebase认证，这是基于电子邮件和密码的用户设置。
一旦用户登录，Firebase变量将被初始化，并可以在整个应用程序中访问，但是一旦用户在应用程序中并刷新页面，则Firebase变量变为空。
我的问题是如何在刷新发生后维护Firebase状态。尝试了本地存储方法，但这似乎不合适。其中的大多数相关查询都是针对AngularJS的。
有什么想法吗？
编辑
在appcomponant.ts文件中初始化了Firebase
firebase.initializeApp({
apiKey: 'A******E',
authDomain:
浏览 5提问于2017-04-13得票数 0
1回答
我正在构建一个使用Firebase电话身份验证进行用户登录的React。身份验证工作正常，但令牌在一小时后过期。我读到需要使用刷新令牌来刷新idToken，但是Firebase 上没有任何地方解释如何这样做。它只解释了如何撤销刷新令牌，而我甚至找不到。
我正在使用包。
我的问题是:如何获得刷新令牌，如何使用它，是否真的需要每小时调用Firebase来更新我的idToken
我现在的idToken是这样的：
const authenticate = async (credential) => {
try {
const { user } = await firebase.aut
浏览 2提问于2019-08-20得票数 6
回答已采纳
1回答
页刷新时，防火墙身份验证将消失。
、、、、
我有一个简单的反应应用程序使用防火墙身份验证。成功登录后，firebase:authUser存储在localStorage中。但是在每次刷新页面时，localStorage都会被清除，会话也会丢失。不过，浏览其他页面并不能清除localStorage。
下面是代码中的内容：
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import
浏览 4提问于2021-11-07得票数 4
回答已采纳
我已经在react和firebase中创建了一个应用程序用于身份验证，使用react-redux-firebase来管理应用程序的状态。登录系统后，我可以访问用户状态，并相应地让用户登录。但我担心的是，如果应用程序长时间不使用，状态不会过期或清除，直到未注销.i想要清除状态，如果应用程序在n天后未使用。 firebase token将在1小时后过期，那么每次调用一个token时，我是必须调用firebase onauthstatechanged，还是每隔50-60分钟设置一个计时器来刷新token？我不知道该走哪条路，还有没有更好的路？或者任何其他更好的应用程序身份验证流程！
浏览 16提问于2020-11-27得票数 0
1回答
我正在将Firebase的google身份验证集成到我的React应用程序中，并且遇到了一个问题:用户成功登录，但当页面刷新时，他不再登录。
我有一个文件Firebase.js，其中包含我所有的firebase功能：
if (!firebase.apps.length) {
fb = firebase.initializeApp(config);
} else {
fb = firebase.apps[0];
}
module.exports = {
app: fb,
db: fb.database(),
auth: fb.auth,
isUs
浏览 1提问于2018-03-07得票数 0
1回答
在我的Angular应用程序中，我使用OAuth2 (github)进行身份验证。问题是，每次我刷新页面时，用户会话都会终止。
在Firebase身份验证的情况下，每次使用以下代码重新加载页面时，我都可以获得当前的身份验证状态：
this.user = this.angularFireAuth.authState.pipe(
switchMap(user => {
if (user) {
//bla
}
else {
浏览 48提问于2018-08-17得票数 0
我正在做一个项目，在这个项目中，如果用户没有经过身份验证，我需要推动他登录页面，而我的路由器守卫工作正常。但是，如果用户刷新页面或直接访问链接，我不希望运行此代码。我想要这样做，因为我希望它等待用户自动签名，在该签名中，firebase需要几百毫秒。但是我不想每次只有当页面刷新时才等待路由改变，因为firebase只在页面刷新时在用户中重新签名，而不是每一个路由器推送。这就是我在理论上想要达到的目的。
Routes.forEach((to, from, next)=> {
if(!isSignedIn && to.name != 'signInPage'
浏览 1提问于2022-09-01得票数 0
1回答
我的情况很简单。我创建了一个Firebase web应用程序，并使用一个Google帐户进行连接。问题是，每次刷新页面时，我都需要重新登录，以下是步骤：
初始化Firebase
与谷歌签约
检查当前用户-它是一个经过认证的Google用户。
刷新页面
初始化Firebase
检查当前用户-它是未定义的
代码很简单：
firebase.initializeApp(config);
var provider = new firebase.auth.GoogleAuthProvider();
firebase.auth().signInWithPopup(provid
浏览 0提问于2018-06-19得票数 0
回答已采纳
1回答
我试图弄清楚我应该如何坚持身份验证。
假设用户使用电子邮件和密码成功地进行身份验证。因此，服务器生成并返回两个令牌：
将在浏览器storagerefreshtoken (jwt过期7天)中存储的accesstoken (jwt过期15分钟)作为安全cookie。
当在本地存储(或会话存储)中存储访问程序时，React只需检查存储中是否存在它，然后继续呈现私有路由。因此，这意味着如果用户拥有无效/被盗的访问权限，那么在令牌被检查和失效之前，React似乎仍然暂时呈现私有页面(尽管没有私有内容)。这是个奇怪的行为吗？
在这种情况下，应该在用户每次访问私有路由时响应app验证和刷新令牌吗？随时随地获
浏览 2提问于2019-10-19得票数 0
我使用firebase身份验证在我的应用程序上成功地实现了登录和注册功能。然而，当用户登录并重新加载页面时，应用程序会在显示应用程序主页之前刷新登录组件一秒钟(有时几乎为2秒)。
你认为这是一个react bug还是一个firebase bug？还有没有人遇到过这个问题？我能做些什么来解决这个问题呢？
我都试了些什么？没有什么，我真的没有什么可以尝试的，因为firebase似乎需要太长的时间来检测身份验证。
浏览 0提问于2020-12-10得票数 1
1回答
当用户登录时，我试图显示注销按钮，我使用auth.currentUser检查用户是否经过身份验证，但每次auth.currrentUser都显示空值。这是我使用它的海军酒吧。
import React,{useEffect, useState} from 'react'
import { Link, useNavigate } from 'react-router-dom';
import { auth } from '../firebase';
{auth.currentUser ?
<&
浏览 5提问于2022-07-05得票数 -1
当我登录到页面并刷新页面时，它会把我带回到登录页面。我想要发生的是，当用户仍然经过身份验证时，它会从登录页面指向另一个主页，而不是相反，即使页面被刷新，它也会停留在主页上。
这是我的app.js：
import React from "react"
import { BrowserRouter, Routes, Route, Navigate, useLocation } from "react-router-dom"
import AuthContextProvider from "../Contexts/AuthContext"
impor
浏览 1提问于2021-12-04得票数 2
回答已采纳
1回答
当我第一次登录并使用我的web应用程序时，我能够检索经过身份验证的用户，并从数据库中访问该用户的信息。然而，只要我刷新页面，我就会得到"TypeError: Cannot read property 'uid‘of null“。 我对此进行了一点调试，发现当我最初登录时，我的身份验证组件(包装应用程序组件的高阶组件)的ComponentDidMount()在获取数据的组件的ComponentDidMount()之前被调用，该组件通过调用onAuthStateChanged来检查是否有经过身份验证的用户。但是，当我刷新时，调用的顺序会改变，然后调用我的身份验证组件。我的最终目标
浏览 14提问于2019-02-11得票数 1
我使用Firebase npm包(版本5.2.0)进行客户端身份验证和数据库。
由于某些原因，即使当我将持久性设置为时，当前用户的每次刷新都是空。
签署：
export const login = (email, password) => {
return firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)
.then(() => {
return firebase.auth().signInWithEmailAndPassword(email, p
浏览 0提问于2018-07-23得票数 0
回答已采纳
我正在使用firebase身份验证。我在使用它时遇到了一些问题。我正在使用react来构建我的项目。
我希望只有当用户登录时才显示页面。我部分地实现了这一点，但是如果我转到另一个页面，然后返回，它会要求我再次登录。如果我刷新页面，它会让我再次登录。它不记得我的登录状态了。
我试过使用onAuthStateChange，但我不认为它的工作方式是我想要的，我只想检查当前用户是否已登录(当我第一次访问页面时，或者即使我进行刷新，也要检查用户是否已登录)。我也尝试过auth.currentUser，但也失败了。也许我做错了
(我应该使用cookie存储用户对象吗？)这样做是正确的还是安全的？如果用户阻
浏览 10提问于2022-10-22得票数 0
我目前正在做一个使用react，redux和firebase的next.js项目。当用户进入一个需要授权的页面时，如果他们没有通过身份验证，我会使用以下代码来重定向他们。 import React from 'react';
import Router from 'next/router';
import { firebase } from '../../firebase';
import * as routes from '../../constants/routes';
const withAuthorization =
浏览 11提问于2019-02-03得票数 0
1回答
我正在创建一个使用Firebase进行身份验证的React应用程序。现在，每次路由更改都会导致1秒的延迟和屏幕闪烁。我将其追溯到每次页面加载时都会调用的firebase.initializeApp函数。有没有办法减轻或完全避免这种行为？我的react应用程序非常简单，由ChakraUI和react-router-dom组成，但下面是我的firebase配置： import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat
浏览 26提问于2021-10-16得票数 0
1回答
我有一个用于身份验证的组件，如果用户没有经过身份验证，我希望将它们推送到登录页面。
设置的一个基本示例是..。
Auth组件
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
import { auth } from '../../firebase';
import { replace } from 'react-router-
浏览 0提问于2018-06-24得票数 1
我正在构建一个带有firebase的小型应用程序，并做出反应，目前正在实现身份验证。我已经将应用程序组件中的onAuthStateChanged设置为副作用，每当用户登录时，应该从ProtectedRoute重定向到所需的组件。
这是正确的，但不幸的是，当刷新页面时，ProtectedRoute没有呈现正确的组件，只是在触发重定向。
我明白正在发生的事情:在刷新时，用户是空的，只有在那之后它才会改变，所以我希望看到屏幕闪烁和适当的重定向。
请您看下面的代码，或者告诉我如何解决这个问题？
应用程序组件：
const App = () => {
const [authUser, setA
浏览 6提问于2020-10-20得票数 0
1回答
我试图使用Firebase A/B测试的网站变体。我怀疑Firebase A/B测试是否也支持React.JS页面？A/B测试解决方案可以用于初始页面加载，但当响应像页面不被刷新时则不能工作。React页面使每个用户交互提示每个UI元素刷新，这将导致删除A/B测试解决方案所做的任何修改。
但是，有些A/B测试供应商，如Optimizely和Adobe，也支持对React.JS页面的A/B测试支持。
浏览 1提问于2018-09-19得票数 1
回答已采纳
我有一个服务器端渲染的应用程序，也可以与Firebase通信。当用户登录时，客户机从firebase获得一个ID令牌，然后我将其与服务器共享，如中所述。我的服务器将ID令牌存储在cookie中，这样客户端将在所有请求中包含该令牌，并且我的服务器可以检查用户是否已登录。
问题是，当Firebase在一个小时后刷新令牌时，我的服务器无法验证令牌id，并将它们重定向到登录页面。然后，客户端加载并从Firebase获取刷新后的令牌，并将其存储在服务器cookie中，之后我的服务器将再次正确地验证请求。
我可以让客户端在每次请求时刷新令牌，但当用户离开我的站点并在一个小时后返回时，问题仍然会发生。
如何
浏览 13提问于2017-06-30得票数 2
回答已采纳
1回答
我正在使用Firestore，并且可以访问状态，该状态将通知我用户是否已通过身份验证。我将这些条件映射到属性，并将使用react-router-dom的重定向来导航用户到登录页面，如果没有通过身份验证。
但是，当我通过控制台记录身份验证状态时，我发现最初加载此信息时将显示false，然后切换为true。但是，当它看到用户已经通过身份验证时，我已经重定向了他们。
如何在react中根据用户的身份验证来重定向用户？
export class PrimaryNavBar extends Component {
render(){
const { auth, location } =
浏览 19提问于2019-10-26得票数 0
回答已采纳
当用户登录时，我正在初始化一个使用私有路由连接到Firebase的TS React应用程序。
在我刷新页面之前，一切似乎都很顺利。当我这样做，应用程序带我回到公共路线，这是一个登录页面。
我认为问题可能是设置为空的上下文的初始状态，但可能是另一个问题。
下面是我的用户上下文的代码：
import React, { useContext, useState, useEffect } from "react";
import firebase from "firebase/app";
import { auth } from "../firebase"
浏览 1提问于2021-05-19得票数 0
我在注册用户时使用的逻辑是将他们的详细信息添加到数据库中的路径以及Firebase身份验证中。从理论上讲，这些值将更容易操作。我的目标是创建一个Formik表单，它将接受已登录用户的用户名的现有值，在文本输入中显示该值供用户更改，然后更新Firebase数据库中的值。有人能帮上忙吗？ import React, {Component} from 'react';
import {TextInput, View, Button, StyleSheet} from 'react-native';
import {Formik} from 'formik&#
浏览 11提问于2020-04-22得票数 0
我的应用使用了Expo和React Native。我已经使用Firebase实现了身份验证。
我的问题是，当我登录或注销时，导航堆栈应该会更改，但不会刷新。唯一的方法是，如果我更改了代码，而Expo实现了快速刷新。当身份验证状态更改时，控制台日志会打印出来，但由于某种原因，NavigationContainer不会更改。有没有什么方法可以让我通过编程来创建快速刷新？
下面是我的代码：
// App.js
import React from 'react';
import { StyleSheet, Text, TouchableOpacityComponent, View }
浏览 8提问于2021-02-25得票数 0
1回答
谢谢你读了这个新手的问题。
因此，有一个ReactJS应用程序正在使用firebase进行身份验证。
每次刷新页面时，用户都会永远消失，直到您使用重定向登录页登录。
到目前为止，已经做了些什么？
在缓慢地浏览了所有可能的Stackoverflow的完美无缺的答案之后，我们完成了以下工作：
实现了onAuthStateChanged()函数，如下所示：
firebase.auth().onAuthStateChanged((user) => {
if (user) {
console.log('user is logg
浏览 3提问于2020-12-06得票数 1
我目前正在使用React和Firebase来处理signIn操作。
我和团队决定使用自定义Auth系统的方式进行登录。因此，在后端端，我们生成一个自定义令牌，然后前端通过signInWithCustomToken执行登录。
在此之前，一切都很有魅力，但是一旦登录，如果刷新页面，currentUser对象将变为空，因此我无法调用getIdToken(true)方法来刷新令牌。每次使用axios发出http请求时(使用拦截器将授权字段添加到请求)，都会调用firebase.auth().currentUser.getIdToken(true)方法。如果我登录并在没有重新加载的情况下发出http请求
浏览 0提问于2020-04-06得票数 0
回答已采纳
我试图实现一个防火墙身份验证我的web应用程序与反应。
登录/输出流程是这样的。
在登录页成功登录的用户，重定向到主页.当未经身份验证的用户访问主页时，重定向到登录页
确认用户从登录重定向到主页，在主页单击“注销”按钮的用户被重定向到登录页。
但是，问题是当经过身份验证的用户在主页重新加载页面时，用户被重定向到登录页，然后重定向到主页。
我认为通过身份验证的用户不会重定向到登录页面。
我怎样才能解决这个问题？
我的密码如下：
FirebaseContext.tsx
import * as React from "react";
import { createContext, u
浏览 6提问于2020-05-12得票数 0
回答已采纳
我正在开发一个与Firebase集成的React web应用程序，我正在尝试对我的用户进行身份验证。我已经设置了我的路由，如果用户通过身份验证，则显示主页组件，否则显示登录页面。但是当我的应用程序第一次加载时，它会显示登录页面，它需要一两秒钟的时间才能识别出用户实际上已经通过了身份验证，然后切换到主页。它看起来很混乱，我猜我对onAuthStateChanged的处理不是很好，也不够快。在我的应用程序组件中，我订阅了一个ReactObserver，它在身份验证状态改变时发出信号。我能做些什么来避免这种奇怪的行为呢？ 我的App.js import {BrowserRouter, Route}
浏览 16提问于2021-04-05得票数 2
1回答
我正在使用angularJS应用程序中的firebase，使用电子邮件和密码身份验证。我只是将我的应用程序从Firebase 2.x更新到3.x，AngularFire从1.x更新到2.x。
我跟踪了这两个文档来完成迁移：
但是现在，每次刷新页面时，我都需要重新进行身份验证，就像没有持久会话一样。
我曾经检查过localStorage键firebase:authUser，我在过去有一个expirationTime (实际上它是用我登录的时间戳设置的)。
要检查用户是否是loggedin，我使用：$firebaseAuth().$getAuth()
编辑
下面是我的问题的一个
浏览 2提问于2016-08-10得票数 2
回答已采纳
1回答
我正在使用Firebase身份验证。在进行身份验证后，刷新页面用户将被注销。
我的index.js文件中有这个，但是它不起作用。
firebase.auth().setPersistence(firebase.auth.Auth.Persistence.SESSION);
浏览 2提问于2018-01-16得票数 1
回答已采纳
我想做一个登录/登录页面，如果用户使用react native和Firebase输入正确的凭据，该页面将导航到另一个页面。我在Firebase控制台中使用电子邮件启用了身份验证，但每次都会收到如下图所示的警告：
通过在互联网上搜索，我找到了可能的解决方案，比如验证我在应用程序中使用的数据库是否正确，但它不起作用。我的代码在这里：
浏览 5提问于2017-02-22得票数 0
我正在用firebase测试react-native (android)，我在firebase上做了一个小应用程序来验证身份。
问题是，当我点击R+R 3或4次时，firebase停止对用户进行身份验证。
在./src/actions/login.js中有一个我尝试调试的console.log。当promisses (.then())发生时，我有另一个用户(console.log)，但当我重新加载应用程序三四次时，console.log(用户)停止出现。但是另外两个console.log (开始身份验证)和console.log(完成身份验证)每次都有效。
如果我关闭Metro Bundler
浏览 0提问于2018-03-17得票数 0
我正在使用ReactJs，并定义了一个Route，如果路径为mywebsite.com/loans，它将加载<Loans />组件。下面是<Loans />组件的代码片段。在componentDidMount中，我使用async/await从firebase获取currentUser。如果user为null，页面将跳转到/signin页面。 class Loans extends Component {
componentDidMount = async () => {
const user = await firebase.auth().curre
浏览 7提问于2019-12-25得票数 1
回答已采纳
回到我使用Parse时，看起来SDK会在本地存储会话数据，用户不必在刷新页面(或退出移动应用程序)后再次登录。Firebase/Angularfire的情况似乎并非如此；每次我刷新我的网页时，身份验证数据都会得到很多。这似乎是真正的基本和重要的功能，我会感到惊讶的是，了不起的人在Firebase还没有实现。我是不是遗漏了什么？
为了完整起见，下面是我在app.run()中的代码：
// ASG june 2016 - Upgrade firebase SDK
firebase.initializeApp(FirebaseConfig);
// login as anonymous if n
浏览 0提问于2016-06-18得票数 2
回答已采纳
1回答
我使用的是带有firebase身份验证的react-native 0.60.5 (使用包react-native-firebase和react-native-google-signin)。
在我看来一切都很好，google sign返回一个用户登录的对象，但idToken始终为空。我需要让idToken在firebase中执行身份验证。
import { GoogleSignin } from 'react-native-google-signin';
export const googleLogin = async () => {
GoogleSignin.c
浏览 1提问于2019-08-24得票数 1
我正在使用Firebase实时数据库的一个网站，我正在开发与反应。在useEffect方法中，我使用Firebase的get方法从数据库接收所有数据，当我从主页切换回显示数据的页面时，它会工作，但是当我刷新页面时，它不能工作。我尝试使用异步等待函数，console.logging我能想到的一切，并重写整个代码。
这是我的useEffect方法，它获取以前保存到数据库中的输入。如果我从“日志”路由器页面切换到主页并返回，它将正确加载，但如果我刷新页面，它将无法正确加载。当我刷新时，它会console.logs 'No Data‘，但我知道数据的存在，因为当我在路由器页面之间切换时，它确实
浏览 7提问于2022-09-26得票数 0
我在Flutter Web应用程序上使用Firebase身份验证，但会话在刷新期间不会持续。
这就是我正在使用的包。
这就是我使用Firebase进行身份验证的方式
static Future<User> handleSignInEmail(String email, String password) async {
await init();
final UserCredential userCredential =
await auth().signInWithEmailAndPassword(email.trim(), password
浏览 16提问于2019-08-21得票数 12
回答已采纳
我正在使用firebase在我的节点js应用程序上注册我的用户。我想看看用户是否被身份验证，以及在用户重定向到我想要的页面之后(如果用户没有登录或仪表板)。
但是，当我重定向用户时(如果它以前没有记录或会话过期)，它在同一个页面上循环(每次在登录页面上都会发送登录页面的重定向)。
我所使用的功能：
function authenficated (req, res, next) {
firebase.auth().onAuthStateChanged(function (user) {
if (user) {
console.log("co
浏览 25提问于2022-04-15得票数 0
1回答
我有一个Firebase连接到我的React Native应用程序，我通过电子邮件和密码验证用户。但是，每次用户输入正确的电子邮件和密码时，它仍会显示我编写的警报，以便在用户输入错误的电子邮件/密码时显示，然后将用户重定向到下一页，显示用户身份验证成功。
当用户身份验证成功时，我可以做些什么来防止显示警报？这是我的代码
firebase.auth().signInWithEmailAndPassword(this.state.username, this.state.password).catch(
Alert.alert(
'Error',
浏览 13提问于2020-02-18得票数 0
在我的redux应用程序中，我使用了带有redux的firebase，并且在这里遇到了一些问题。第一项是：
在第一个应用程序启动后，使用电子邮件/pw登录或通过社交登录(谷歌、fb、苹果)不会检测到认证状态(标题内容取决于认证/未认证状态)，直到页面刷新。在每次下一次登录时，都会检测到头内容在登录/退出和状态更改之后发生变化。解决办法是在window.location.reload()之后添加await firebase.auth().signInWithEmailAndPassword(email, password);，但是我不想要这个额外的重载.
最初只有几毫秒的时间，当auth状态为n
浏览 6提问于2021-12-10得票数 0
我目前正在关注Robin Wieruch的“与Firebase反应的道路”一书。我遇到的问题是，当我刷新一个从Context API消费的页面时，来自Firebase的authUser变成了空。 这是我的app.js import Navigation from './Navigation';
import LandingPage from './Landing';
import AccountPage from './Account';
import withAuthentication from './withAuthenticat
浏览 10提问于2019-02-02得票数 0
回答已采纳
1回答
我正在构建一个便笺应用程序。我希望保存用户在本地存储中输入的注释，以便即使在刷新页面之后也可以获得它。本地存储正常工作，但一旦我刷新本地存储中的项目，就会被删除。
const [notes, setNotes] = useState([]);
// This is the state variable that contains all the notes that are entered by the user.
useEffect(() => {
window.localStorage.setItem('react-notes-app-data', JS
浏览 6提问于2022-10-30得票数 1
1回答
本地主机存储
、、
下面的代码是我试图让localStorage在页面刷新之后保持用户状态的方法。 这基本上适用于主页，在主页中，每当我刷新时，我都会看到localStorage确实在刷新时仍然存在。但是，当我通过与网页交互来路由到某个地方并刷新该页面时，我丢失了localStorage 我通过react useContext函数传递用户状态(其设置器为setUser)。会很有兴趣听听大家的想法。谢谢! import axios from 'axios'
import firebase from 'firebase/app';
import 'firebase/datab
浏览 12提问于2020-06-19得票数 0
回答已采纳
这是我在个人资料页面上的代码，当我从AuthService的登录方法重定向时，第一次工作正常 const user = firebase.auth().currentUser;
if (user != null) {
this.name = user.displayName;
this.uid = user.uid;
} else {
this.name = "Unknown";
} 但是，如果我刷新页面或转到任何其他页面并返回到此配置文件页面，currentUser将变为空。 以下是我的身份验证服务代码。 import * as fire
浏览 18提问于2019-10-07得票数 10
我正在使用nextjs，并且在防火墙身份验证方面遇到了问题。当我登录它时，我将会话存储在IndexedDB (我猜)，然后我有一个具有方法onAuthStateChanged的useEffect的上下文，该方法在更改用户时更新用户。假设我有一个/login和一个/dashboard (私有页面)，当登录发生时，它应该将我发送到/dashboard。效果很好。当我尝试转到/login (通过在浏览器中键入链接，从而刷新)而没有注销时，问题就出现了，这应该会再次将我送回/dashboard。在获取数据之前，它不会使组件为空白，而是加载登录页，只在再次呈现仪表板时使用。
const Dashbo
浏览 2提问于2020-11-20得票数 0
回答已采纳
var user = null;
this.showLoginDialogGoogle = function(){
var ref = new Firebase("https://googlelogin1.firebaseio.com");
ref.authWithOAuthPopup("google", function(error, authData) {
if (error) {
console.log("Login Failed!", e
浏览 0提问于2015-08-12得票数 6
我正在创建一个react应用程序-使用create-react-app和amplify -并且我正在尝试设置身份验证。我似乎无法使用托管UI处理联合登录。
有些页面不需要身份验证即可访问，而有些页面则需要用户登录。我想使用托管的UI，因为它是预先构建的。我一直在关注这里的入门文档：
作为背景，我有以下组件：-放大-一个放大的客户端，它将调用包装在像doSignIn，doSignOut等方法中。这是一个普通的javascript类- Session -提供身份验证上下文作为React上下文。此上下文使用amplify客户端设置。它有一些用于使用上下文页面的HOC -一些封装在会话HOC with
浏览 20提问于2019-07-30得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
