No way to get logged user when application starts up.

- [x] bug report -> please search for issues before submitting
- [ ] feature request

Versions.

keycloak-angular: 4.0.2 angular: 7.0.0

Repro steps.

I’m trying to simply show logged username in the application header. So I init the library as follows (and was taken from documentation):

In app.module providers:

{ provide: APP_INITIALIZER, useFactory: appInitializer, multi: true, deps: [KeycloakService] },

init func impl:

function appInitializer( kk: KeycloakService ): () => Promise<any> {
    return () => kk.init( {
        initOptions: {
            onLoad: 'check-sso',
            checkLoginIframe: true
        },
        loadUserProfileAtStartUp: true,
        enableBearerInterceptor: true
    } );
}

In the main component I’m trying to get that info:

    constructor( private keycloakAngular: KeycloakService ) {
    }

    ngOnInit(): void {
        this.keycloakAngular
            .isLoggedIn()
            .then( result => {
                this.loggedIn = result;
                this.userName = this.loggedIn
                    ? this.keycloakAngular.getUsername()
                    : '';
            } )
            .catch( reason => console.log( reason ) );
    }

As the application starts it’s being redirected to keycloak service (it’s ok), then back and… either I was logged in or not before I’ve got nothing as a result. And only when I go to some protected by keycloak route, my application redirects (again) and username is retrieved.

What am I doing wrong? How can I get currently logged user (if so) when application just starts? Thank you!

I’ve tried to save taken tokens to localStorage and then read and put them in init() function - in this case at the beginning everything was ok, but if refresh token is obsolete after some time, application crashes with unhandled 401 realm response with no way to continue. And I can’t find a way to handle that error: it is happening somewhere inside the library and throws as Zone exception.

Desired functionality.

Please add/fix the way to load logged user info during startup оr add documentation/workaround examples for such case.

[jpaniorte]

See compatibility table:

keycloak-angular	Angular	Keycloak	SSO-RH
1.3.x	4 and 5	3	7
2.x.x	4 and 5	4	-
3.x.x	6	3	7
4.x.x	6	4	-
5.x.x	7	3	7
6.x.x	7	4	-

If you use keycloak-angular v6.x.x with angular 7.x works fine. My test:

app.init.ts

return (): Promise<any> => keycloak.init({
        config: {
            url: 'http://localhost:8080/auth',
            realm: 'realm-name',
            clientId: 'client-name'
        },
        initOptions: {
            onLoad: 'login-required',
            checkLoginIframe: false
        },
        enableBearerInterceptor: true,
        loadUserProfileAtStartUp: true,
        bearerExcludedUrls: ['/assets']
    });

app.component.ts

ngOnInit(): void
    {
        this.keycloakAngular
            .isLoggedIn()
            .then( loggedIn => {
                if( loggedIn ) {
                    console.log(this.keycloakAngular.getUsername());
                }
            })
            .catch( reason => console.log ( reason ));
    }

Other option is delete loadUserProfileAtStartUp: true and call function this.keycloakAngular.loadUserProfile()

app.component.ts

ngOnInit(): void
    {
        this.keycloakAngular
            .isLoggedIn()
            .then( loggedIn => {
                if( loggedIn ) {
                    this.keycloakAngular.loadUserProfile()
                        .then(profile => {
                            console.log('UserProfile: ', profile);
                        })
                        .catch( reason => {console.log( reason )});
                }
            })
            .catch( reason => console.log ( reason ));
    }

[jpaniorte]

Hi @koldoon,

I replicate the scenario and works as expected. In my case:

• keycloak-angular: “^6.0.0”
• Angular: ^7.0.0
• ClientId have the view_account scope.

Do you have the same versions/config?