How to call azure functions from react web app securely

Question

JDR 90

Hi,

I have successfully deployed a react web app on Azure. User of my web app authenticate using their email through Microsoft Entra ID.

I would like this web app to call azure functions deployed in a function app.

What is the recommended way to authenticate my web app to call the functions?

Assign a managed identity to the web app and give access to this managed identity in the function app?

Thanks for any pointer.

JD

1 answer

Answer 1

Dillon Silzer 57,831 Volunteer Moderator

Hi JDR,

Yes, you will want to use an app registration within Microsoft Entra ID to call the functions with. Please use the following guide:

How to call an AAD protected Azure Function from React

If this is helpful please accept answer.

JDR 90 Reputation points

2023-12-17T19:26:48.5666667+00:00

Thank you very much @Dillon Silzer for this great starting point.

Although my Function App already has as an identity provider (Microsoft) I don't see the http trigger functions under MS Entry ID > my app registration > API permissions >Add a permission > My APIs.

"Applications that expose permissions are shown below" shows "No result."

Any idea?
Dillon Silzer 57,831 Reputation points Volunteer Moderator

2023-12-18T04:33:13.9833333+00:00

What are your roles in your tenant? Are you a Global Administrator?
JDR 90 Reputation points

2023-12-18T06:26:31.9+00:00

**Your Role:**Global Administrator

Yes!
Awais Hassan 0 Reputation points

2024-05-29T16:20:24.1833333+00:00

Hi Dillon,

Can we trigger a Service Bus Function from the react JS directly? Thanks.