Oidc-client-js: oidc.js - Cannot read user info from my Angular app

[Tarek-AbdelMaqsoud]

Hello,
I have added the Idsrv and it was working pretty fine as expected, and when i used my Angular App to sign in, i signed in successfully from IdSrv
but i am unable to get the user info using oidc.js

here are the logs

automaticSilentRenew is configured, setting up silent renew
UserManager.getUser
_loadUser
WebStorageStateStore.get user:https://localhost:44305/core/:Angular App
monitorSession is configured, setting up session monitor
UserManager.getUser
_loadUser
WebStorageStateStore.get user:https://localhost:44305/core/:Angular App
UserManager.getUser
_loadUser
WebStorageStateStore.get user:https://localhost:44305/core/:Angular App
UserManager.signinRedirectCallback
RedirectNavigator.url
_signinEnd
OidcClient.processSigninResponse
UrlUtility.parseUrlFragment
WebStorageStateStore.remove e2362be4ca4541fb9ef2f7a28ddf715d
UserManager.signinRedirectCallback
RedirectNavigator.url
_signinEnd
OidcClient.processSigninResponse
UrlUtility.parseUrlFragment
WebStorageStateStore.remove e2362be4ca4541fb9ef2f7a28ddf715d
no user storageString
No matching state found in storageerror @ Log.js:65
user not found in storage

[brockallen]

Not sure... not enough info. Can you get it working from a plain JS app (meaning without Angular)?

[Tarek-AbdelMaqsoud]

Yes, i have followed this tutorial (https://identityserver.github.io/Documentation/docsv2/overview/jsGettingStarted.html)
and it works fine as a popup, but when i replace the signinPopup() with signinRedirect() and signinRedirectCallback(), and adding the redirect_uri property

it crashes showing the error mentioned

[brockallen]

Are you sure the scheme in the callback URL matches the scheme your page starts at?

[Tarek-AbdelMaqsoud]

Yes, and it is returned back to the callback url i specified,

But the problem is in the callback page it cannot determine the user .. it always returns the user as null (in addUserLoaded event)

[brockallen]

you'll have to debug more into it... i don't have enough info to go on here. all the logs say is that there's no matching state in your store.

[CesarD]

I might be able to show a working sample of oidc-client working on Angular 1, but only by Monday or Tuesday. If that's ok just let me know and I'll get it for you.

[Tarek-AbdelMaqsoud]

It will be highly appreciated as i tried to get it working on Angular but unfortunately i couldn't.

[brockallen]

If you understand angular well enough, then I don't see why it's s hard to get this library working within it...

[CesarD]

@Tarek-AbdelMaqsoud: Here you have it: https://github.com/CesarD/oidc-client-angular1
Take a look to the angular-oidc-client.js file, as that's the one that makes the trick to configure properly the oidc-client for the entire angular app (it's a modification from the sample for Cordova around there, I modified it to expose some events and the userManager itself for more flexibility).
Of course, you'll need to configure your IdSrvr properly to work for the sample and modify the oidc configuration in app.js for your own IdSrvr.

[Tarek-AbdelMaqsoud]

@brockallen
I wasn't able to get it working with the plain javascript .. i already followed the getting started documentation i mentioned, with replacing the signinPopup() with signinRedirect() as i described above

so, its not mainly about angular

@CesarD
Thank you so much for your help