退出后返回登录页面firebaseUI?

时间:2017-07-17 12:30:16

标签: javascript jquery firebase firebase-authentication url-redirection

我刚刚使用FirebaseUI创建了注销按钮,但是如果我点击退出按钮,我仍然在我的页面上,而不是回到我的登录页面。我的想法是,如果我点击退出按钮,用户将退出并返回登录页面。我怎么能成功呢?



<!DOCTYPE html>
<html>
    <head>
        <script src="https://www.gstatic.com/firebasejs/4.1.3/firebase.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    </head>
    <body>
        <h1>You Done</h1>
        <h3 id="myemail"></h3>
        <button type="button" id="btnout" class="btn btn-action hide">Sign out</button>
        <script>
            const btnout    = document.getElementById('btnout');
            const superemail      = document.getElementById('myemail');
            const config = {
                apiKey: "AIzaSyBIi34ndZxxLq2l1gtpzFnAjohPU18pyCk",
                authDomain: "skripsi-adeguntoro.firebaseapp.com",
                databaseURL: "https://skripsi-adeguntoro.firebaseio.com",
                projectId: "skripsi-adeguntoro",
                storageBucket: "skripsi-adeguntoro.appspot.com",
                messagingSenderId: "181721142188"
            };
            firebase.initializeApp(config);
            firebase.auth().onAuthStateChanged (firebaseUser =>{
                if(firebaseUser){
                    btnout.classList.remove('hide');
                    console.log(firebaseUser);
                    superemail.innerHTML = firebaseUser.email;
                }else{
                    console.log('not login');
                    btnout.classList.add('hide');
                }
            });
            btnout.addEventListener('click', e => { 
                firebase.auth().signOut();
            });
        </script>
    </body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

你可以使用

window.location = "http://my.url.here";
window.location.href = "http://my.url.here";

试试这个。它会帮助你