Guardy tras w Angularze

W tej lekcji wyjaśniono, jak zabezpieczać trasy w aplikacjach Angular za pomocą guardów tras.

Czym są guardy tras?

Guardy tras kontrolują dostęp do tras w Angularze. Są przydatne do ochrony wrażliwych lub ograniczonych tras.

Rodzaje guardów

• CanActivate: określa, czy można aktywować trasę.
• CanActivateChild: chroni trasy podrzędne.
• CanDeactivate - sprawdza warunki przed opuszczeniem trasy.
• Resolve - pobiera dane przed aktywowaniem trasy.

Tworzenie guarda

Guarda należy utworzyć za pomocą Angular CLI:

ng generate guard auth

Implementowanie canActivate()

Metoda canActivate() kontroluje dostęp do trasy:

canActivate(): boolean {
  return true; // or false to block navigation
}

Używanie guardów w trasach

Guardy należy dodać do tras w module routingu:

{ path: 'admin', component: AdminComponent, canActivate: [AuthGuard] }

Guard CanDeactivate

CanDeactivate zapobiega opuszczeniu trasy, jeśli określone warunki nie są spełnione. Jest przydatny w przypadku formularzy:

canDeactivate(): boolean {
  return confirm('Do you really want to leave?');
}

Guard Resolve

Guard Resolve pobiera dane przed załadowaniem trasy:

resolve(route: ActivatedRouteSnapshot) {
  return this.dataService.getData(route.params.id);
}

Podsumowanie

Poznali Państwo sposób zabezpieczania i usprawniania nawigacji w aplikacjach Angular za pomocą guardów tras. Proszę działać dalej!