Tengo realizado en Angular2 un sistema de login, donde recojo un token desde una API y la almaceno en el localstorage.
Estoy utilizando guard
para la protección de rutas, si no estas autentificado no puedes ver nada de la aplicación. De esta forma, tengo todas mis rutas:
{path: 'grupo', component: GrupoComponent, canActivate: [AuthenticationGuard]}
Y así tengo el código para el método canActivated
:
@Injectable()
export class AuthenticationGuard implements CanActivate {
constructor(private auth: AuthService) { }
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
return this.auth.isLogged();
}
}
Y este es el servicio que utilizo para el sistema de login:
@Injectable({ providedIn: 'root' })
export class AuthService{
URL = "ruta-URL";
constructor(private http: HttpClient){
}
login(login){
let parametros = new HttpParams();
parametros = parametros.append('grant_type','password');
parametros = parametros.append('scope','admin editor basic');
parametros = parametros.append('username',login.username);
parametros = parametros.append('password',login.password);
const opciones = {
headers: new HttpHeaders({
'Content-Type':'--- lo que sea ---',
'Authorization': '--- lo que sea ---'
}),
params: parametros
};
return this.http.post(`${this.URL}/token`,login,opciones);
}
isLogged(){
let resul = false;
if(localStorage.getItem('access_token') && localStorage.getItem('expire_in')){
resul = true;
}
return resul;
}
logout(){
localStorage.removeItem('access_token');
localStorage.removeItem('expire_in');
}
}
El problema es que el usuario tiene tres tipos: Administrador, Editor o Básico. Y dependiendo del tipo que sea, puede hacer una cosa u otra en la aplicación. Principalmente cuando inicia sesión, si es admin debo redirigir a un sitio, y en el caso de ser otro tipo pues a otro sitio.
¿Como podría hacer esto? No entiendo muy bien el como proteger las rutas, y el acceder a determinado sitio usando el tipo del usuario.