keycloak-angular | Easy Keycloak setup for Angular applications | Identity Management library

I'm trying to implement keycloak-angular but I'm not able to add the bearer token by default to my http requests.

"keycloak-angular": "9.1.0" "keycloak-js": "16.0.0" "Angular": "13.0.2"

I have an Angular App with a Keycloak authentication system (keycloak-angular)

I have a Grafana server which allow authentication with OAuth Keycloak

I have a Keycloak Server with a realm called master, and two cliendID , one for my angularApp, and one for my grafana server.

In my angular App, I display some iframes coming from my Grafana Server, and with my actual configuration, my Iframes are directly authenticated with OAuth (there is no login screen).

I have a logout button in my angular App to process a Keycloak logout, which redirects me to the keycloak login screen.

My problem is that Iframe sessions are saved when I perform a keycloak logout, and if after that I login with a different user, my grafana iframe will still be authenticated with the previous user.

If I logout inside the grafana app, or the grafana iframe, or go to http://grafana-server:3000/logout , I will get logged out to Grafana, and the grafana iframe session will switch to the new one (the user which is logged in my angular app).

I want the grafana iframe to perform a sign out when I logout from my Angular App, so the next user logged in will not have the session of the previous user.

Grafana OAuth Section :

...

When we are trying to update our Angular 9 application(Single SPA micro frontend) to Angular 12 we are facing bellow issue.

Error on console when trying to run this app:

I'm trying to redirect to an unauthorized route when a role tries to access an unauthorized route, I'm using keycloack-angular lib:

npm install keycloak-angular keycloak-js

My Guard

I would like to call a webservice beforce initializing keycloak frontend component from keycloak-angular library to make keycloakconf dynamic. The backendService.keycloakConfig() webservice returne the correct value but the isInitialized variable is always false.

I think mixing the Promise and the Observable is messing with the initialization.

Here is the code :

I am very new to the angular project. After I clone the project and try to up the project with ng serve.

So I am getting an error like.

I'm trying to execute the following tutorial to integrate an Angular 12 application with Keycloak: Keycloak Integration with Angular Frontend (I've checked other similar tutorials and the instructions are the same).

As described in the article, I've inserted the following lines in src\environments\environment.ts:

In my application, i'm using react with keycloak authentication. And i'm trying to secure my back end vertx APIs using the received token from keycloak. I followed this blog http://paulbakker.io/java/jwt-keycloak-angular2/

i'm calling like this from react

I have an Angular 9 application. Trying to connect with Keycloak server. My final goal is to have SSO for 3 applications, with auth-guard on each (access only some pages requires authentication).

Having multiple issues, but let do one at a time.

Using keycloak-angular with keycloak-js.

When I do keycloak.login() (with or without redirectUri) most of the time it goes to keycloak/auth page and comes back authenticated - without waiting for user input. I did double-check not to save any user data in browser autofill.

I will share more data upon request.

Update:

I see in the Keycloak console, that even after logging out, the session is still active. using: