I am looking to enhance the usage of the logged-in object across my site. I am interested in moving this object to a service so that I can efficiently check for user authentication. Below is my login controller:
.controller('LoginCtrl', function ($scope, $location, userAuth) {
$scope.login = function() {
$scope.authData = null;
$scope.error = null;
userAuth.$signInWithEmailAndPassword($scope.loginemail, $scope.loginpassword)
.then(function(authData) {
$scope.authData = authData;
console.log(authData);
}).catch(function(error) {
$scope.error = error.message;
});
};
Here is my service code:
.service('userAuth', ["$firebaseAuth", function($firebaseAuth) {
return $firebaseAuth();
}
While logging in works successfully, my aim is to utilize the logged-in credentials globally. Additionally, I would like to restrict access to certain routes unless the user is authenticated.
If a route is accessible only to logged-in users, they should be redirected to the appropriate page upon attempting access. For instance: - Redirect them to the logged-in page if they try to visit a route reserved for logged-in users. - Log them out if they are already logged in and attempt to access the sign-up page. - Direct them to the profile page if they are logged in and try to visit the login page.