web-dev-qa-db-ja.com

Firebaseログイン後のページへのリダイレクト-JavaScript

Firebaseを使用して、シンプルなログイン/サインアップテンプレートを使用するWebアプリを作成しています。ログインが成功した後、別のページにリダイレクトする方法、またはログインしたユーザーのみが同じページにあるJavaScript関数コードを実行する方法を考えていました。ありがとう

リファレンス: https://github.com/firebase/quickstart-js

私が使用しているテンプレートはauth/email.htmlにあります

ありがとう!

7
Tal Amos

ユーザーからメールとパスワードを取得し、値を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にユーザーの詳細が入力され、それを使用して別のページにリダイレクトできます。

10
gegobyte

JavaScriptでlocationに割り当てることができます。 location = 'https://google.com'またはlocation = '/logged-in-page.html'

1
csander