以下问题需要一点帮助/解释。我在我的项目中使用 Vue 和 Firebase。
我正在尝试通过调用来设置 Firebase Google 登录通过重定向登录。身份验证本身有效,但不完全是我想要的方式。
我需要它在身份验证后重定向到 /dashboard,但目前它在短暂加载后重定向回 /login 页面。
我明白我必须使用获取重定向结果,但我不确定具体如何称呼它。如果有人能解释我如何正确编写代码以获得想要的结果,我将非常感激。
.signInWithRedirect(fb.googleProvider)
.then(credential => {
this.$store.commit("setCurrentUser", credential.user)
fb.usersCollection.doc(credential.user.uid).set({
}).then(() => {
this.$store.dispatch("fetchUserProfile")
this.updateGmailData()
this.$router.push("/dashboard")
}).catch(err => {
console.log(err)
})
}).catch(err => {
console.log(err);
});
},
我相信我的初始身份验证应该是这样的 -
googleLogin() {
fb.auth.signInWithPopup(fb.googleProvider)
}
之后我应该设置该功能获取重定向结果,哪个应该将路由器推送到 /dashboard?
如何进行重定向以等待 getRedirectResult 并在获得所需结果后重定向 /dashboard。
我不知道如何实施它。
signInWithRedirect
将重定向回完成登录的同一页面。然后你可以使用getRedirectResult()
or onAuthStateChanged
用户登录后重定向到您的仪表板的侦听器。
在您的登录按钮单击处理程序中,调用:
// This will redirect to IdP for sign-in.
firebase.auth.signInWithRedirect(fb.googleProvider);
然后在同一页面上,您可以设置监听器:
firebase.auth().onAuthStateChanged((user) => {
if (user) {
// User signed in, you can get redirect result here if needed.
// ...
this.$router.push("/dashboard");
// ....
} else {
// Show sign in screen with button above.
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)