Firebaseを使用して、シンプルなログイン/サインアップテンプレートを使用するWebアプリを作成しています。ログインが成功した後、別のページにリダイレクトする方法、またはログインしたユーザーのみが同じページにあるJavaScript関数コードを実行する方法を考えていました。ありがとう
リファレンス: https://github.com/firebase/quickstart-js
私が使用しているテンプレートはauth/email.htmlにあります
ありがとう!
ユーザーからメールとパスワードを取得し、値をsignInWithEmailAndPassword
に渡します。エラーが発生した場合はメッセージが出力され、そうでない場合はFirebaseがユーザーに正常にログインします。
_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
にユーザーの詳細が入力され、それを使用して別のページにリダイレクトできます。
JavaScriptでlocation
に割り当てることができます。 location = 'https://google.com'
またはlocation = '/logged-in-page.html'
。