Angular'da Rota Korumaları

Bu derste, rota korumalarını kullanarak Angular uygulamalarındaki rotaların nasıl güvenceye alınacağı açıklanmaktadır.

Rota Korumaları Nedir?

Rota korumaları, Angular'daki rotalara erişimi denetler. Hassas veya kısıtlı rotaları korumak için kullanışlıdır.

Koruma Türleri

• CanActivate: Bir rotanın etkinleştirilip etkinleştirilemeyeceğini belirler.
• CanActivateChild: Alt rotaları korur.
• CanDeactivate - Bir rotadan ayrılmadan önce denetim yapar.
• Çözümleme - Rota etkinleştirilmeden önce verileri önceden getirir.

Koruma Oluşturma

Angular CLI'ı kullanarak bir koruma oluşturun:

ng generate guard auth

canActivate() Uygulaması

canActivate() yöntemi, rota erişimini denetler:

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

Rotalarda Korumaları Kullanma

Yönlendirme modülünüzdeki rotalara korumalar ekleyin:

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

CanDeactivate Koruması

CanDeactivate, belirli koşullar karşılanmıyorsa rotadan ayrılmayı engeller; bu, formlar için kullanışlıdır:

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

Çözümleme Koruması

Resolve koruması, bir rota yüklenmeden önce verileri getirir:

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

Özet

Rota korumalarıyla Angular uygulamalarınızda gezinmeyi nasıl güvenceye alacağınızı ve geliştireceğinizi öğrendiniz. Devam edin!