Make page only accessible if logged in - Firebase Web

Question

Looking to get some help with a little bit of code to include on a page I want to be only accessed by logged in users and if a user is not logged in they can be redirected to the login page or log in on the same locked page.

Cheers

Answer 1

Always use onAuthStateChanged() to keep track of the user's login or logout status.

//Handle Account Status
firebase.auth().onAuthStateChanged(user => {
  if(!user) {
    window.location = 'login.html'; //If User is not logged in, redirect to login page
  }
});

The above code will make sure that if a user is not signed in, they will be redirected to login page and if they are signed in, they will stay on the current page.