Firebase登錄後重定向到頁面 - Javascript

我正在使用Firebase創建使用其簡單登錄/註冊模板的Web應用程序。我只是想知道如何在成功登錄後重定向到不同的頁面，或者運行一個JavaScript函數代碼，這些代碼只在登錄用戶的同一頁上。感謝Firebase登錄後重定向到頁面 - Javascript

參考： https://github.com/firebase/quickstart-js

我使用的模板是在auth/email.html

下謝謝！

來源

2016-08-17 Tal Amos

獲得來自用戶的電子郵件和密碼，然後值傳遞給signInWithEmailAndPassword，如果出現一些錯誤，將打印的消息，如果沒有火力地堡將成功登錄的用戶。

firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) { 
    // Handle Errors here. 
    var errorCode = error.code; 
    console.log(error.Message); 

});

你還需要一個偵聽器，用於處理登錄和註銷狀態。在這裏，您可以重定向用戶是否已經成功登錄。

爲了處理登錄和註銷，始終使用onAuthStateChanged()

//Handle Account Status 
firebase.auth().onAuthStateChanged(user => { 
    if(user) { 
    window.location = 'home.html'; //After successful login, user will be redirected to home.html 
    } 
});

當有人登錄，user將與用戶的細節來填充，你可以使用它重定向到另一個頁面。

來源

2016-08-17 06:26:48

這似乎不是很安全的我，某人。可以檢查該代碼並手動輸入「home.html」。有沒有更安全的方式來重定向用戶？ –

@AndréKuhlmann我認爲你會認爲他們可以訪問那個頁面，但是沒有數據（敏感的或其他的）會被填充，因爲這個用戶沒有被認證。 – Aarmora

登錄後，我們如何才能在重定向頁面上提供註銷功能？我想在第二頁上firebase.auth（）。signOut。我怎樣才能做到這一點？ –

您可以在JavaScript中指定location，例如， location = 'https://google.com'或location = '/logged-in-page.html'。

來源

2016-08-17 03:48:59 csander

你是在談論JavaScript時，實際的按鈕被稱爲或其他地方？（對不起有點新） –

一旦登錄，將它添加到任何頁面加載。 – csander

Firebase登錄後重定向到頁面 - Javascript

回答

相關問題