Ich benutze Firebase Passwort-basierte Authentifizierung in meinem login.html
. Ich habe 2 Textfelder und 3 Knöpfe.Firebase OnAuthStateChanged-Funktion gibt nichts zurück
Ich benutze firebase.OnAuthStateChanged
, um zu wissen, ob der Benutzer an- oder abgemeldet ist. Wenn der Benutzer angemeldet ist, sollten das Passwort-Textfeld und die Login-Schaltfläche ausgeblendet sein, also verwende ich dafür. Und wenn der Benutzer ausgeloggt ist, sollte die Abmelde-Schaltfläche ausgeblendet werden.
Die Tasten funktionieren einwandfrei, aber das eigentliche Problem ist in der if elseif
Aussage.
Unten ist mein JavaScript-Code.
S.: Fühlen Sie sich frei, die Firebase-Konfiguration zum Testen zu verwenden. Oder verwenden Sie diesen Login:
- E-Mail: [email protected]
- Passwort: 123456
// Initialize Firebase
var config = {
apiKey: "AIzaSyDjYqNKbZaom0jplOusloWlr5mOhW2WbgQ",
authDomain: "awes-e3043.firebaseapp.com",
databaseURL: "https://awes-e3043.firebaseio.com",
storageBucket: "awes-e3043.appspot.com",
messagingSenderId: "191054424051"
};
firebase.initializeApp(config);
// SignIn
$("button#in").click(function(){
var email = document.getElementById('logemail');
var password = document.getElementById('logpassword');
firebase.auth().signInWithEmailAndPassword(email.value, password.value).catch(function(error) {
console.log(error.code);
console.log(error.message);
}).then(function(){
location.reload();
});
});
// SignOut
$("button#out").click(function(){
firebase.auth().signOut().then(function() {
console.log("Logged out!")
location.reload();
}, function(error) {
console.log(error.code);
console.log(error.message);
});
});
$(document).ready(function(){
function usigned(){
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
return true;
} else {
return false;
}
}); }
if (usigned() == true) {
$("#hlogp").css("display", "none");
$("button#in").css("display", "none");
$("button#out").css("display", "inline-block")
}else if(usigned() == false) {
$("button#out").css("display", "none");
$("#hlogp").css("display", "block");
$("button#in").css("display", "block");
}
});
Vielen Dank, das hilft mir eine Menge. –