Securing an Angular App Using Keycloak | OpenID Connect

How to secure an Angular application using Keycloak identity & access management system. ( Using OpenID Connect protocol)

- Connecting Angular app with Keycloak
- Securing angular routes ( using auth guard)
- Retrieving access token
- Angular http client interceptor
- Demonstration

Code repository: https://github.com/hexadefence/keycloak-angular-17-example

00:06 - introduction
00:28 - Keycloak client configuration
02:26 - Keycloak user configuration
03:12 - Angular app interface
04:30 - Angular code
08:20 - Angular routes
09:16 - HTTP interceptor
10:20 - Demo

Видео Securing an Angular App Using Keycloak | OpenID Connect канала hexaDefence