Firebase/React: onAuthStateChanged()是在注册函数then之前还是之后触发的？
onAuthStateChanged()是在注册函数then之前触发的。
onAuthStateChanged()是Firebase中的一个方法，用于监听用户身份验证状态的变化。当用户登录或注销时，该方法会被触发。
在使用Firebase进行用户身份验证时，通常会使用类似于以下代码的方式进行注册：
firebase.auth().onAuthStateChanged(user => {
if (user) {
// 用户已登录} else {
// 用户未登录}
});
在这段代码中，onAuthStateChanged()方法会在用户身份验证状态发生变化时被调用。如果用户已登录，则会执行if语句中的代码；如果用户未登录，则会执行else语句中的代码。
在注册函数then之前，我们通常会先调用firebase.auth().signInWithEmailAndPassword()或其他类似的方法进行用户登录。当用户登录成功后，onAuthStateChanged()方法会被触发，然后我们可以在注册函数的then回调中执行一些操作。
总结起来，onAuthStateChanged()方法是在注册函数then之前触发的，用于监听用户身份验证状态的变化。
相关·内容
1回答
onAuthStateChanged不一致
javascript、firebase、firebase-authentication
当用户访问我的站点时，我使用onAuthStateChanged来确定该用户是否已经从之前的会话中登录。
主要问题是，对于一小部分用户来说，这是不一致的-代码似乎没有检测到他们确实有一个有效的登录会话正在进行。
以下代码是在应用程序本身，用户在该页面后，从主页或登录页面重定向。
该网站的主页还使用onAuthStateChanged来确定用户是否应该直接重定向到应用程序。登录页面使用signInWithEmailAndPassword，当登录成功时，将它们重定向到应用程序页面(具有以下代码)。
firebase.auth().onAuthStateChanged(function (authU
浏览 7提问于2016-09-08得票数 16
3回答
有时当我刷新页面时，firebase.auth().onAuthStateChanged会返回user为null
javascript、firebase、firebase-authentication
前提条件
$npm安装--保存firebase@4.11.0
问题
我在我的web应用程序上使用firebase身份验证。在我的应用程序中，我为客户端js实现了onAuthStateChanged，如下所示。
firebase.auth().onAuthStateChanged((user) => {
if(user) {
//logged in
} else {
//do sth
}
});
登录后，我确认此方法将返回实际用户obj，但如果我刷新页面，则user可能为空。奇怪的是，有时候user不会是空的。恐怕调用onAuthStateChanged有一些限
浏览 0提问于2018-06-04得票数 11
回答已采纳
1回答
我想检查用户是否使用firebase登录
javascript、reactjs、firebase、firebase-authentication、react-hooks
我有一个带身份验证和firebase后端的React应用程序。如何检查用户是否已登录？我在onAuthStateChanged上试过了。但它只返回： 📷 下面是我的代码： import * as FirestoreService from '../../firebase/firebase';
useEffect(() => {
let user = FirestoreService.isLoggedIn()
console.log( user)
}, []); 现在在firebase文件中： export c
浏览 18提问于2020-06-27得票数 0
回答已采纳
1回答
我是否错误地调用了onAuthStateChanged函数？
javascript、firebase、firebase-authentication
githubLogin.addEventListener('click', () => {
var provider = new firebase.auth.GithubAuthProvider();
firebase.auth().signInWithPopup(provider).then(function(result) {
var user = result.user;
console.log(user);
firebase.auth().onAuthStateChanged(function(us
浏览 2提问于2017-09-13得票数 0
1回答
Firebase onAuthStateChange在登录时触发两次
javascript、jquery、firebase、firebase-realtime-database、firebase-authentication
我完全知道在注册后立即触发函数onAuthStateChange，但事实并非如此。我有一个问题，这个函数在用户使用他们的用户名和密码登录后触发两次。第一次启动时，我回溯到堆栈，它来自我的代码，但第二次，它来自Firebase JS文件本身。我很困惑，因为我不明白为什么它们会启动。我使用的是Firebase的web版本。下面提供了代码。
TL;DR:我正在使用Firebase的web版本。在用户使用用户名和密码登录后，函数onAuthStateChange会触发两次。
// callback function
firebase.auth().onAuthStateChanged(function
浏览 3提问于2016-12-14得票数 1
2回答
Javascript - firebase.auth().onAuthStateChanged在登录/注销时不触发
javascript、html、firebase、web、firebase-authentication
我有以下代码：
var config = {
apiKey: "xxxxx",
authDomain: "xxxxx",
databaseURL: "xxxxx",
projectId: "xxxxx",
storageBucket: "xxxxx",
messagingSenderId: "xxxxx"
};
firebase.initializeApp(config);
$("#loginButton
浏览 48提问于2018-06-15得票数 8
2回答
在我登录用户之后，Firebase用户是未定义的？
javascript、firebase、firebase-authentication
我有一个登录表单，它将登录到用户中(至少这是我希望它做的)，当我试图从firebase对象获取任何用户信息时，它不工作，或者它的工作方式很奇怪。我下面几乎有两个相同的功能。
提交表单版本1(没有打印出用户uid，错误)
function lsubmitForm() {
// initiate variables with form content
var email = document.getElementById('lemail').value;
var password = document.getElementById('lpassword').val
浏览 4提问于2020-08-09得票数 0
回答已采纳
2回答
Javascript中的Firebase用户的详细信息更改侦听器
javascript、reactjs、firebase、react-native、firebase-authentication
因此，如果用户登录到您的应用程序，您可以通过以下方式进行检查
firebase.auth().onAuthStateChanged((user)=>{});
但是，如果用户已经登录，并且其用户的属性发生了更改，您如何看待这一点？
在我的例子中，我让用户验证他的电子邮件地址，完成后，他应该能够在验证他的电子邮件后立即在他的应用程序上看到更改。所以我使用的是react native，这是一个带有ES6语法的javascript，我正在做一个firebase.auth().onAuthStateChanged();，但它不起作用，我甚至在屏幕上有一个按钮，可以检查是否像这样验证：
if (!f
浏览 0提问于2020-08-16得票数 1
2回答
为什么Firebase无法识别登录用户？
javascript、firebase、firebase-authentication
我试图使用Firebase身份验证登录，登录过程可以工作。
auth.onAuthStateChanged(function(user) {
if(user) {
console.log('Logged in');
console.log(user.displayName);
document.getElementById('userName').textContent = user.displayName;
} else {
window.location = '.
浏览 3提问于2016-07-31得票数 0
回答已采纳
1回答
Firebase、用户注册和导航问题
javascript、firebase、react-native、firebase-authentication、react-navigation
我正在使用React Native、Firebase和react-navigator。
在LoadingScreen组件中，我观察到状态更改(onAuthStateChanged)
componentDidMount() {
this.timer = setInterval(
() => firebase.auth().onAuthStateChanged(user => {
user ? this.props.navigation.navigate("App") : this.prop
浏览 0提问于2020-03-15得票数 0
1回答
只允许页面上经过身份验证的用户
javascript、firebase、firebase-authentication
我想知道如何在Firebase中将页面配置为只允许经过身份验证的用户。我在设置我的网站有困难，我希望用户输入登录和密码，并在认证后，将指向他的个人资料。
用户被定向到的配置文件(网页)具有URL
www.example.com/"user.uid"/index.html
但是，只有通过身份验证的用户才能访问此页面，因此如果有人访问该URL
www.example.com/"user.uid"/index.html
必须将用户定向到主页。
登录页面上的代码：
btnLogin.addEventListener('click'
浏览 2提问于2017-02-18得票数 0
回答已采纳
1回答
使用Firebase/Authenticattion控制对网页的访问
javascript、firebase、firebase-authentication
在Javascript中使用Firebase身份验证(使用基于密码的帐户)时，我遇到了问题。
我遵循了这个文档：和事情正在如我所期望的那样工作。
这是我的配置和我遇到问题的地方。
我有一个主网页(称为M.html)，它需要登录才能被访问。
我有一个登录页面(名为L.html)，它是访问主页的一扇门。
当用户进入登录页面时，他需要输入凭据才能更进一步。如果他登录，他应该访问主页。
如果用户试图直接访问主页，则执行检查以查看他的登录状态。如果他所有的登录应该是好的，如果他不是，他应该被迫回到登录页面。
但是，所发生的情况是，主页面从未检测到用户已登录，并且他总是被带回登录页面。
我需要知道要遵循的
浏览 1提问于2018-11-09得票数 0
回答已采纳
2回答
Firebase onAuthStateChanged和导航保护的模式-类星体应用程序
firebase、firebase-authentication、quasar-framework
我在我的Quasar应用程序中遇到了浏览器刷新和Firebase身份验证的问题。
用户登录并单击浏览器刷新后，firebase.auth().currentUser将返回null (因为这是异步执行的)。这意味着在执行beforeEach时，currentUser为null，并通过登录页面提示用户。但是，我发现当调用onAuthStateChanged的回调时，用户设置是正确的。
在Quasar应用程序中，有没有什么模式可以在导航过程中使用onAuthStateChanged，以便重用现有的用户会话？
// Vue-router => index.js
firebase.auth().o
浏览 0提问于2018-05-14得票数 6
3回答
Vuex和Firebase存储状态错误
javascript、firebase、firebase-realtime-database、vue.js、vuex
在我的vuex商店中有以下设置:我的用户使用Firebase身份验证登录。登录时，调用firebase.auth().onAuthStateChanged，并将user设置为state.user，但也保存在Firebase数据库中。当我添加代码(database.ref...)的最后一部分时，我的控制台出现了错误。然而，这些错误不是与Firebase有关，而是与Vuex有关。
错误如下(x80)：
Vue warn:观察者“函数() {返回this._data.$$state }”回调中的错误：
错误: vuex不变异vuex存储状态之外的变异处理程序。
我的代码仍然有效，但在开发期间
浏览 0提问于2017-04-10得票数 5
2回答
FireBase4.1.3: onAuthStateChange在第一次登录后没有使用电子邮件和密码进行呼叫
javascript、firebase、firebase-authentication
我将我的应用程序的Firebase版本从3.5.0升级到4.1.3，并注意到在用户验证电子邮件地址后首次成功登录后，不再调用onAuthStateChange回调函数。
这个应用程序是用JavaScript编写的。
以下是我代码的相关部分：
回调设置
firebase.auth().onAuthStateChanged(onAuthStateChange);
回调
function onAuthStateChange (user) {
console.log(user); // Not appearing in console
}
符号在中
firebase.auth().signIn
浏览 3提问于2017-07-14得票数 2
1回答
使用php web应用程序的Firebase会话管理
javascript、codeigniter、firebase、firebase-authentication
我正在开发一个使用php和codeigniter的web应用程序和实时数据库的firebase。
在我的codeigniter视图中，我使用javascript代码来管理firebase身份验证。
下面的代码是我用来管理firebase的电子邮件登录。
function login(){
var userEmail = "abcd@gmail.com" ;
var userPass = "password";
const fr = firebase.auth().signInWithEmailAndPassword(userEmail, use
浏览 0提问于2018-10-03得票数 0
5回答
角度2-在页面刷新中维护登录状态
javascript、angular、firebase、firebase-authentication、angularfire
所以我真的快搞清楚了。基本上，我有登录工作，我有代码设置来监视onAuthStateChanged，但问题是，当我刷新页面时，即使用户当前已登录，它仍然重定向到/login页面，因为我有安装程序的auth保护程序检查用户是否已登录。
我有一个auth服务设置，它执行所有的身份验证检查。
在我的auth服务构造函数中，我在这里设置了onAuthStateChanged代码：
constructor(
private auth: AngularFireAuth,
private router:Router,
private db:AngularFireDatabase,
浏览 12提问于2017-05-21得票数 7
回答已采纳
3回答
Fibonacci级数下的firebase onAuthStateChanged
javascript、angular、firebase、ionic-framework、firebase-authentication
我正在开发一个混合应用，使用Ionic 3和Firebase作为认证提供者。该应用程序包含2页。登录页和主页。在登录页面上，有一个使用email+password登录用户的按钮，在主页上，另一个按钮注销了当前用户。基本上，当应用程序第一次加载时，一切都很好。但是在登录之后--然后登录--然后再登录--再次调用onAuthStateChange中的函数两次，然后三次，然后是五次，依此类推，遵循Fibonacci的系列。这是登录页面代码：
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
co
浏览 2提问于2017-08-02得票数 0
回答已采纳
1回答
Firebase配置在VueJs中不起作用
firebase、vue.js
我正在尝试在一个应用程序中使用firebase。然而，我正在尝试根据用户身份验证状态来呈现路由，但是由于某些原因，firebase告诉我用户已经登录，但用户并没有登录。我用的是vuex。
getRoutes (state) {
let mRoutes = []
firebase.auth().onAuthStateChanged(function (User) {
if (User) {
console.log('Not loggedin')
mRoutes = state.authenticatedUserRoutes
} el
浏览 1提问于2020-03-19得票数 0
3回答
从观察者那里返回承诺的价值
javascript、firebase、firebase-authentication
我想编写一个返回firebase用户令牌id的助手函数。我设法从这种方法中获得了firebase令牌，但在将onAuthStateChange的观察者函数的允诺值(token id)返回到调用getToken()助手方法的函数时遇到了困难。我是非常新的承诺，并将非常感谢任何帮助。这是我到目前为止所得到的。
export function getToken (){
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
user.getIdToken().then(token => {
浏览 0提问于2020-05-26得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
