【发布时间】:2018-09-26 01:44:45
【问题描述】:
您好,我正在为我的应用构建一个小型仪表板。我对 Firebase 有点陌生,但它为我节省了很多时间。所以我想要做的是从数据库直接检索到 Web 仪表板的总注册用户数或将来稍后的任何其他相关数据。所以我没有做一个小的登录表单,我可以登录。可能有人有类似经历我在图片中添加了我的数据库的结构。
// Initialize Firebase
var config = {
apiKey: "...",
authDomain: "...",
databaseURL: "...",
storageBucket: "...",
messagingSenderId: "..."
};
firebase.initializeApp(config);
// Firebase Variables
var auth = firebase.auth();
// on state changed
auth.onAuthStateChanged(firebaseUser => {
// check email
if(firebaseUser){
currentEmail.innerHTML = auth.currentUser.email
currentEmail.style.display = 'block';
singoutButton.style.display = 'block';
//singupForm.style.display = 'none';
signin.style.display = 'none';
signinEmail.style.display = 'none';
signinPassword.style.display = 'none';
signintext.style.display = 'none';
welcometext.style.display = 'block';
window.location = 'index.html';
} else{
signintext.style.display = 'block';
welcometext.style.display = 'none';
signin.style.display = 'block';
signinEmail.style.display = 'block';
signinPassword.style.display = 'block';
singoutButton.style.display = 'none';
//singupForm.style.display = 'block';
currentEmail.style.display = 'none';
}
});
【问题讨论】:
标签: javascript html firebase firebase-realtime-database firebase-authentication