Asp.Net Core Web Api and ReactJS: authentication with external login provider without identity

Question

Is there a clear and simple way to use OAuth login providers in a ReactJS and Asp.Net Core Web API project? I am looking for a solution without Identity and Razor pages. Only ReactJS and Asp.Net Core Web API. And do we need the oidc-client library for this?

Did you discovered a solution to your problem? If you find one, could you please include a link to it? — Thushara
– Thushara, Commented Jun 8, 2021 at 6:41
Have a look at this article - It only shows Google, but it is very detailed and helped me a lot: medium.com/mickeysden/… Github repo: github.com/mickeysden/dotnet-core-react-oauth-example — John Bustos
– John Bustos, Commented Sep 9, 2021 at 4:43

Community · Accepted Answer · 2021-10-07 13:28:41Z

1

In case you are referring to OpenID Connect:

React app

The react app probably wants to initiate the authentication, get hold of the access token which needs to be included in requests to the API, as well as refresh the access token once it is expired. You don't strictly need a library for that, but it makes your life easier, especially if you use one specific to react, like React OIDC, which is a wrapper for the oidc-client.

An example for including the token in API requests when using axios-hooks can be found in the Authentication and token refresh example. See bearer token for further information.

Web API

To handle the access token provide by the react app, you can add make use of the JWT bearer authentication middleware. Guides for integrating the middleware can be found in Protecting an API using Client Credentials or this question.

For more details you could have a look at the ASP.NET Core - Authentication & Authorization Tutorial.

edited Oct 7, 2021 at 13:28

CommunityBot

11 silver badge

answered Mar 1, 2021 at 21:18

user7217806

2,1192 gold badges13 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rashid Mousavy Khoshrou Over a year ago

Thanks for the answer, but I am looking for a solution that includes WebAPI, No Razor Pages, No MVC, Pure web api. And External Authentication like google authentication with a simple ReactJS app. And I like to know its necessary to use oidc-client or it can be done with simple fetch requests.

tHeSiD Over a year ago

@RashidMousavyKhoshrou were you able to find what you wanted if so please let me know. I am still looking for something like this

Collectives™ on Stack Overflow

Asp.Net Core Web Api and ReactJS: authentication with external login provider without identity

1 Answer 1

React app

Web API

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

React app

Web API

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related