User session management in Firebase - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to sign in a user with email and password.

Firebase

firebase.auth().signInWithEmailAndPassword(email, [1])

Drag options to blanks, or click blank then click option'

Atoken

Busername

Cpassword

DsessionId

Attempts:

3 left

💡 Hint

Common Mistakes

Using username instead of password

Using token instead of password

The signInWithEmailAndPassword method requires the user's email and password to authenticate the session.

2fill in blank

medium

Complete the code to check if a user is currently signed in.

Firebase

const user = firebase.auth().[1];

Drag options to blanks, or click blank then click option'

AcurrentUser

BactiveUser

CsignedInUser

DuserSession

Attempts:

3 left

💡 Hint

Common Mistakes

Using activeUser which does not exist

Using userSession which is not a Firebase property

The currentUser property returns the currently signed-in user or null if no user is signed in.

3fill in blank

hard

Fix the error in the code to sign out the current user.

Firebase

firebase.auth().[1]();

Drag options to blanks, or click blank then click option'

AsignOut

BsignIn

Clogout

DendSession

Attempts:

3 left

💡 Hint

Common Mistakes

Using signIn instead of signOut

Using logout or endSession which are not Firebase methods

The correct method to sign out a user in Firebase is signOut().

4fill in blank

hard

Fill both blanks to listen for changes in the user's authentication state.

Firebase

firebase.auth().[1]((user) => {
  if (user) {
    console.log('User is signed in:', [2]);
  } else {
    console.log('No user signed in');
  }
});

Drag options to blanks, or click blank then click option'

AonAuthStateChanged

BcurrentUser

Cuser

DauthListener

Attempts:

3 left

💡 Hint

Common Mistakes

Using currentUser instead of onAuthStateChanged

Logging currentUser instead of the callback parameter

The onAuthStateChanged method listens for changes in authentication state. The callback receives the user object when signed in.

5fill in blank

hard

Fill all three blanks to refresh the user's ID token.

Firebase

firebase.auth().currentUser.[1]().then(([2]) => {
  console.log('New token:', [3]);
});

Drag options to blanks, or click blank then click option'

AgetIdToken

Btoken

DrefreshToken

Attempts:

3 left

💡 Hint

Common Mistakes

Using refreshToken method which does not exist

Using different variable names inconsistently

The getIdToken() method refreshes the user's ID token. The token is received in the callback parameter and logged.