Eu tenho um aplicativo AngularJS criado usando yeoman, grunt e bower.
Eu tenho uma página de logon que possui um controlador que verifica a autenticação. Se as credenciais estiverem corretas, redireciono para a página inicial.
app.js
'use strict';
//Define Routing for app
angular.module('myApp', []).config(['$routeProvider', '$locationProvider',
function($routeProvider,$locationProvider) {
$routeProvider
.when('/login', {
templateUrl: 'login.html',
controller: 'LoginController'
})
.when('/register', {
templateUrl: 'register.html',
controller: 'RegisterController'
})
.when('/forgotPassword', {
templateUrl: 'forgotpassword.html',
controller: 'forgotController'
})
.when('/home', {
templateUrl: 'views/home.html',
controller: 'homeController'
})
.otherwise({
redirectTo: '/login'
});
// $locationProvider.html5Mode(true); //Remove the '#' from URL.
}]);
angular.module('myApp').factory("page", function($rootScope){
var page={};
var user={};
page.setPage=function(title,bodyClass){
$rootScope.pageTitle = title;
$rootScope.bodylayout=bodyClass;
};
page.setUser=function(user){
$rootScope.user=user;
}
return page;
});LoginControler.js
'use strict';
angular.module('myApp').controller('LoginController', function($scope, $location, $window,page) {
page.setPage("Login","login-layout");
$scope.user = {};
$scope.loginUser=function()
{
var username=$scope.user.name;
var password=$scope.user.password;
if(username=="admin" && password=="admin123")
{
page.setUser($scope.user);
$location.path( "/home" );
}
else
{
$scope.message="Error";
$scope.messagecolor="alert alert-danger";
}
}
});Na página inicial eu tenho
<span class="user-info">
<small>Welcome,</small>
{{user.name}}
</span>
<span class="logout"><a href="" ng-click="logoutUser()">Logout</a></span>No loginController, verifico as informações de login e, se for bem-sucedido, defino o objeto de usuário na fábrica de serviços. Não sei se isso está correto ou não.
O que eu preciso é que, quando o usuário está logado, ele define algum valor no objeto do usuário para que todas as outras páginas possam obter esse valor.
Sempre que ocorrer alguma alteração de rota, o controlador deve verificar se o usuário está logado ou não. Caso contrário, ele deve redirecionar para a página de login. Além disso, se o usuário já estiver conectado e voltar à página, ele deverá ir para a página inicial. O controlador também deve verificar as credenciais em todas as rotas.
Ouvi falar sobre ng-cookies, mas não sei como usá-los.
Muitos dos exemplos que vi não eram muito claros e eles usam algum tipo de função de acesso ou algo assim. Eu não quero isso Eu só quero um filtro de login. Alguém pode me dar algumas idéias?