如何使用Firebase使用電子郵件和密碼進行簡單登錄

Question

Firebase簡單登錄提供email/password選項，我該如何使用它？從創建用戶開始，爲該用戶存儲數據，並將其記錄到日誌中。

Answer 1

有要執行（假設你有jQuery的）三個不同的步驟：設置你的回調

var ref = new Firebase("https://demo.firebaseio-demo.com"); 
var authClient = new FirebaseAuthClient(ref, function(error, user) { 
    if (error) { 
    alert(error); 
    return; 
    } 
    if (user) { 
    // User is already logged in. 
    doLogin(user); 
    } else { 
    // User is logged out. 
    showLoginBox(); 
    } 
}); 

2.用戶註冊

1。

function showLoginBox() { ... // Do whatever DOM operations you need to show the login/registration box. $("#registerButton").on("click", function() { var email = $("#email").val(); var password = $("#password").val(); authClient.createUser(email, password, function(error, user) { if (!error) { doLogin(user); } else { alert(error); } }); }); } 

3.用戶登錄

function showLoginBox() { 
    ... 
    // Do whatever DOM operations you need to show the login/registration box. 
    $("#loginButton").on("click", function() { 
    authClient.login("password", { 
     email: $("#email").val(), 
     password: $("#password").val(), 
     rememberMe: $("#rememberCheckbox").val() 
    }); 
    }); 
} 

當登錄成功完成後，您在步驟1中註冊的調用將正確的用戶對象調用，在這一點上，我們稱之爲doLogin(user)這是一種方法，你將不得不實施。

用戶數據的結構非常簡單。這是一個包含以下屬性的對象：

email：用戶的唯一數字（自動遞增）ID

FirebaseAuthClient會自動驗證您的firebsae你，而不是採取進一步行動：用戶 id的電子郵件地址是必須的。現在，您可以使用類似的安全規則如下：

{ 
    "rules": { 
    "users": { 
     "$userid": { 
     ".read": "auth.uid == $userid", 
     ".write": "auth.uid == $userid" 
     } 
    } 
    } 
} 

這意味着，如果我的用戶ID是42，只有我能寫或example.firebaseio-demo.com/users/42閱讀 - 當我在我的實際價格 - 並且沒有其他人。

請注意，簡單登錄不會存儲除用戶ID和電子郵件以外的其他用戶信息。如果要存儲有關用戶的其他數據，則必須自己執行此操作（可能在createUser的成功回調中）。您可以存儲這些數據，因爲您通常會將任何數據存儲在Firebase中 - 只需要注意誰可以讀取或寫入此數據！

Answer 2

只要有人到達此線程並尋找一些使用Firebase身份驗證的示例應用程序。這裏有兩個例子

var rootRef = new Firebase('https://docs-sandbox.firebaseio.com/web/uauth'); 
...... 
..... 
.... 

http://jsfiddle.net/firebase/a221m6pb/embedded/result,js/

http://www.42id.com/articles/firebase-authentication-and-angular-js/