У меня angular2 активный охранник, который справиться в случае, если пользователь не вошел в систему, он перенаправляется на страницу входа:
import { Injectable } from "@angular/core";
import { CanActivate , ActivatedRouteSnapshot, RouterStateSnapshot, Router} from "@angular/router";
import {Observable} from "rxjs";
import {TokenService} from "./token.service";
@Injectable()
export class AuthenticationGuard implements CanActivate {
constructor (
private router : Router,
private token : TokenService
) { }
/**
* Check if the user is logged in before calling http
*
* @param route
* @param state
* @returns {boolean}
*/
canActivate (
route : ActivatedRouteSnapshot,
state : RouterStateSnapshot
): Observable<boolean> | Promise<boolean> | boolean {
if(this.token.isLoggedIn()){
return true;
}
this.router.navigate(['/login'],{ queryParams: { returnUrl: state.url }});
return;
}
}
Я должна ее выполнять на каждой трассе, как :
const routes: Routes = [
{ path : '', component: UsersListComponent, canActivate:[AuthenticationGuard] },
{ path : 'add', component : AddComponent, canActivate:[AuthenticationGuard]},
{ path : ':id', component: UserShowComponent },
{ path : 'delete/:id', component : DeleteComponent, canActivate:[AuthenticationGuard] },
{ path : 'ban/:id', component : BanComponent, canActivate:[AuthenticationGuard] },
{ path : 'edit/:id', component : EditComponent, canActivate:[AuthenticationGuard] }
];
Есть ли лучший способ реализации варианта canActive без добавления его в каждом пути.
Я хочу, чтобы добавить его на главный путь, и он должен распространяться на все другие маршруты. Я искал много, но я не мог найти любые полезные решения
Спасибо
Вы можете ввести componentless родительской маршрута и применять там караул:
const routes: Routes = [
{path: '', canActivate:[AuthenticationGuard], children: [
{ path : '', component: UsersListComponent },
{ path : 'add', component : AddComponent},
{ path : ':id', component: UserShowComponent },
{ path : 'delete/:id', component : DeleteComponent },
{ path : 'ban/:id', component : BanComponent },
{ path : 'edit/:id', component : EditComponent }
]}
];
Вы также можете подписаться на маршрутизатор's меняет пути в приложение.компонент'ы ngOnInit функции и проверку подлинности оттуда например
this.router.events.subscribe(event => {
if (event instanceof NavigationStart && !this.token.isLoggedIn()) {
this.router.navigate(['/login'],{ queryParams: { returnUrl: state.url}});
}
});
Я предпочитаю этот способ делать любые широкие приложения Check(s) при изменении маршрута.
Я думаю, вы должны реализовать "и маршрутизации ребенок" и которые позволяют вам иметь родителя (с пути на "админ" Ну к примеру) и его ребенка.
Затем вы можете применить canactivate к родителю, который автоматически ограничить доступ ко всем его ребенка. Например, если я хочу получить доступ к "по администратора/дома" Я'll необходимо, чтобы пойти через с "админ" и что protectected по canActivate. Вы даже можете определить родителя с пустой путь " и" Если вы хотите
Я наткнулся на это при поиске и был пойман на пример, приведенный в Примере.
Вы должны убедиться, что охранник возвращает true, если вы хотите показать ребенку маршрутов.
@Injectable()
export class AuthenticationGuard implements CanActivate {
constructor(
private router: Router,
private authService: AuthService) { }
canActivate(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot
): Observable<boolean> | Promise<boolean> | boolean {
// Auth checking code here
// Make sure you return true here if you want to show child routes
return true;
}
}