DEV Community

OIDC Authentication with React & Identity Server 4

Andy on July 26, 2020

I put this small demo together with the following objectives: Authenticate a React app user via Identity Server 4 using OIDC. Store authenticated...

Read full post

Siddharth Abbineni • May 19 '21

@tappyy Hey, Now that you have a local identity server you are able to manage users and roles with ASP NET Identity and directly query the API. However in cases where one has to use a 3rd Party OIDC/Identity Provider, how would you store user data in your API database for referential purposes?

Cardus Crvil • Nov 25 '20 • Edited

hi, what great article! this is help me a lot to solve my sso implement problem.

i can login to my apps now, but i have an issue on the console.. it gave me 'consent_required' error till i got 'user signed out'. I love to ask if you know how to solve it..

thank you!

Andy • Dec 1 '20

Hey Cardus,

I set "requireConsent" to false in the Identity config to bypass the consent page. Have you done this too?

Harikrishnan R • Oct 7 '21 • Edited

I am not able to login. When I type 'alice' for username and password, nothing happens and I get an error in the console like this

Refused to connect to 'ws://localhost:50071/IdentityServer/' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'connect-src' was not explicitly set, so 'default-src' is used as a fallback.

Is there something I am missing?

nonbob • Feb 10 '22 • Edited

In my experience, you need to disable hot reload. There are a number of places you can disable this, but for me the critical one was in the Launch Profiles dialog in Visual Studio. You get to it from the Debug section of a project's properties (at least in VS 2022, which is what I'm using).

dev-to-uploads.s3.amazonaws.com/up...

Jinyang (Michael) Huang • Dec 17 '20

Hi, I followed you code and everything works fine. However, if I enter a sub-page and refresh the page, it goes blank. Do you know why and how to fix that?

Jinyang (Michael) Huang • Dec 18 '20

I noticed that it is due to the user info being reset every time. So it is redirected to login page and then main page. Is there a way to solve this?

Andy • Dec 19 '20

You could persist the user data in local storage or use something like redux-persist to manage the state rehydration for you :)

anj-kr • Feb 1 '22

Are you able to resolve this ? I'm facing the same issue when reloading the application, it is triggering the flow again. Please let me know

Thanks - Dan

programmvilli • Feb 13 '21

Thank you for this article. Will hopefully work for my project :)

Maulik Gajera • Mar 6 '23 • Edited

Hello, I have used your article, project runs and authenticate in my local system, but when i deployed it to IIS server with domain configurations it gave me error of 'un_authorized client'. Can you please help with it?

Thanks.