Authenticate React app with Azure AD B2C SUSI userflow with azure functions instead of backend web api

19015919-007 20

I want to connect react front end with Azure B2C user flow sign in and sign up, but Instead of backend api, I want to use Azure functions. The flow will be like: React will call azure function, the azure function will sign in or sign up user and return token back to react app. I checked on azure documentation, instead of Azure Functions they have tutorials related to backend api in which we configure our settings like client id etc in appsettings.json, but I want all this in azure function instead of Web API.

Marilee Turscak-MSFT 33,801 Reputation points Microsoft Employee

2023-03-01T18:31:38.6333333+00:00

Hi 19015919-007

We do have a guide, Configure authentication in a sample React single-page application by using Azure Active Directory B2C. The article provides steps for configuring the React SPA and the web API, and you should be able to follow the same configuration for Azure Functions. If you register your React single-page-application and register your Azure Functions app, you should be able to configure your user flow in your B2C directory, configure your functions app in that tenant, and update the React app to call Azure Functions and pass the access token.