Skip to main content
se añadieron 329 caracteres en el cuerpo
Origen Enlace
D. Albarracín
  • 2.2k
  • 2
  • 22
  • 46

EDITO

Si por ejemplo, inicio sesión con un usuario tipo administrador, puedo acceder a todas las URL, pero si soy un usuario tipo básico o editor solo puedo tener acceso a algunas URL. No solo tendría que redirigir a una URL u otra, sino que también prohibir el acceso a ciertas URL dependiendo el tipo de usuario.

EDITO

Si por ejemplo, inicio sesión con un usuario tipo administrador, puedo acceder a todas las URL, pero si soy un usuario tipo básico o editor solo puedo tener acceso a algunas URL. No solo tendría que redirigir a una URL u otra, sino que también prohibir el acceso a ciertas URL dependiendo el tipo de usuario.

Origen Enlace
D. Albarracín
  • 2.2k
  • 2
  • 22
  • 46

Login Angular2 - Proteger rutas identificando el tipo de usuario

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.