Me gustaría saber cual es la mejor manera de manejar los roles de usuario en Angular?.
El escenario es el siguiente: Tengo una apliación en Angular que consume un API REST hecho con Laravel, el mismo que me proporciona un token. La aplicación manejará 3 tipos de roles (administrador, estudiante, docente), las rutas estan protegidas por un servicio Guard
{ path: '', redirectTo: 'login', pathMatch: 'full' },
{ path: 'login', component: LoginComponent },
{
path: 'admin', component: DashAdminComponent, children: [
{
path: 'estudiantes', component: EstudiantesComponent, children: [
{ path: 'nuevo-estudiante', component: NuevoEstudianteComponent, canActivate: [GuardService] },
{ path: 'todos', component: ListaComponent, canActivate: [GuardService] },
{ path: 'editar/:id', component: EditarComponent, canActivate: [GuardService], }
], canActivate: [GuardService]
},
{ path: 'docentes', component: DocentesComponent, children:[
{ path: 'nuevo-docente', component: NuevoDocenteComponent, canActivate: [GuardService] },
{ path: 'lista-docente', component: ListaDocenteComponent, canActivate: [GuardService] },
], canActivate: [GuardService] }
], canActivate: [GuardService]
},
El servicio Guard verifica si el token esta presente y es valido
canActivate() {
if (this.apiSerive.getLogged()) {
return true;
} else {
this._router.navigate(['/login']);
return false;
}
}
Sin embargo esta lógica (comprobar si el token es valido y esta presente) podría permitir que un usuario con rol estudiante pueda acceder a una ruta destinada a usuarios de rol administrador.
Cualquier sugerencia es bienvenida.