web-dev-qa-db-fra.com

Redirection vers une page après la connexion à Firebase - Javascript

J'utilise Firebase pour créer une application Web en utilisant leur simple modèle de connexion/inscription. Je me demandais simplement comment je peux rediriger vers une autre page après une connexion réussie ou sinon exécuter un code de fonction javascript que j'ai sur la même page uniquement pour les utilisateurs connectés. Merci

Référence: https://github.com/firebase/quickstart-js

Le modèle que j'utilise se trouve sous auth/email.html

Merci!

javascriptfirebasefirebase-authentication
7
Tal Amos

Obtenez l'e-mail et le mot de passe de l'utilisateur, puis passez les valeurs à signInWithEmailAndPassword, si une erreur se produit, le message sera imprimé, sinon Firebase réussira à connecter l'utilisateur.

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

});

Vous avez également besoin d'un écouteur qui gère le statut de connexion et de déconnexion. C'est ici que vous pouvez rediriger les utilisateurs s'ils se sont connectés avec succès.

Pour gérer la connexion et la déconnexion, utilisez toujours onAuthStateChanged()

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

Au moment où quelqu'un se connecte, user sera rempli avec les détails de l'utilisateur et vous pourrez l'utiliser pour rediriger vers une autre page.

10
gegobyte

Vous pouvez attribuer à location dans le JavaScript, par exemple location = 'https://google.com' ou location = '/logged-in-page.html'.

1
csander