我在我的 javascript 文件中使用 firebase 节点 api 进行 Google 登录。
firebase.initializeApp(config);
let provider = new firebase.auth.GoogleAuthProvider();
firebase.auth().signInWithPopup(provider);
这工作正常，用户可以使用他的 Google 凭据登录。当用户再次访问该页面时，弹出窗口再次打开，但由于他已经登录，弹出窗口将关闭，无需用户进行任何交互。有没有办法在提示弹窗之前检查是否已经有登录用户？
https://firebase.google.com/docs/auth/web/manage-users
您必须添加一个身份验证状态更改观察者。
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
// User is signed in.
} else {
// No user is signed in.
}
});
您还可以检查是否有currentUser
var user = firebase.auth().currentUser;
if (user) {
// User is signed in.
} else {
// No user is signed in.
}
这是不可能的，告诉用户是否会在页面开始加载签名，还有一个工作，虽然各地。
您可以将上次身份验证状态记忆到 localStorage 以在会话之间和选项卡之间保持它。
然后，当页面开始加载时，您可以乐观地假设用户将自动重新登录并将对话框推迟到您可以确定（即onAuthStateChanged触发之后）。否则，如果localStorage键为空，您可以立即显示对话框。
firebaseonAuthStateChanged事件将在页面加载后大约2 秒触发。
// User signed out in previous session, show dialog immediately because there will be no auto-login
if (!localStorage.getItem('myPage.expectSignIn')) showDialog() // or redirect to sign-in page
firebase.auth().onAuthStateChanged(user => {
if (user) {
// User just signed in, we should not display dialog next time because of firebase auto-login
localStorage.setItem('myPage.expectSignIn', '1')
} else {
// User just signed-out or auto-login failed, we will show sign-in form immediately the next time he loads the page
localStorage.removeItem('myPage.expectSignIn')
// Here implement logic to trigger the login dialog or redirect to sign-in page, if necessary. Don't redirect if dialog is already visible.
// e.g. showDialog()
}
})
componentDidMount我的 App 根组件中。在那里，在渲染中，我有一些PrivateRoutes
<Router>
<Switch>
<PrivateRoute
exact path={routes.DASHBOARD}
component={pages.Dashboard}
/>
...
这就是我的 PrivateRoute 的实现方式：
export default function PrivateRoute(props) {
return firebase.auth().currentUser != null
? <Route {...props}/>
: localStorage.getItem('myPage.expectSignIn')
// if user is expected to sign in automatically, display Spinner, otherwise redirect to login page.
? <Spinner centered size={400}/>
: (
<>
Redirecting to sign in page.
{ location.replace(`/login?from=${props.path}`) }
</>
)
}
// Using router Redirect instead of location.replace
// <Redirect
// from={props.path}
// to={{pathname: routes.SIGN_IN, state: {from: props.path}}}
// />
在这种情况下不需要使用 onAuthStateChanged() 函数。
您可以通过执行以下命令轻松检测用户是否已登录：
var user = firebase.auth().currentUser;
对于那些面临“返回空值”问题的人，这只是因为您没有等待 firebase 调用完成。
假设您在页面 A 上执行登录操作，然后调用页面 B，在页面 B 上您可以调用以下 JS 代码来测试预期的行为：
var config = {
apiKey: "....",
authDomain: "...",
databaseURL: "...",
projectId: "..",
storageBucket: "..",
messagingSenderId: ".."
};
firebase.initializeApp(config);
$( document ).ready(function() {
console.log( "testing.." );
var user = firebase.auth().currentUser;
console.log(user);
});
如果用户已登录，则“var user”将包含预期的 JSON 有效负载，如果没有，则为“null”
这就是你所需要的。
问候
另一种方法是使用与 firebase 相同的东西。
例如，当用户登录时，firebase 将以下详细信息存储在本地存储中。当用户返回页面时，firebase 使用相同的方法来确定用户是否应该自动登录。
ATTN：因为 Firebase 既未列出也未推荐此方法。您可以将此方法称为非官方方式。这意味着以后如果 firebase 更改其内部工作，则此方法可能不起作用。或者简而言之。使用风险自负！:)