📄KeycloakAuthGuard in Angular

#angular #guard #keycloak #mapToCanActivate

🚩 > Angular v16

Add the guard function to your route’s canActivate property.

// In your routing module
{
    path: 'protected-route',
    canActivate: [keycloakFunctionalGuard],
    component: ProtectedComponent
}

⚠️ Using mapToCanActivate Helper
If you’re not ready to fully migrate to functional guards, Angular 16 provides a helper function, mapToCanActivate, that allows you to continue using your class-based guards.

{
    path: 'protected-route',
    canActivate: mapToCanActivate([wrappedAuthGuard]),
    component: ProtectedComponent
}

✅ Article link: https://medium.com/@kapincev/migrating-keycloakauthguard-to-angular-16-functional-guards-01bf2a20fc09