How to connect react web part to azure sql database? [closed]

Question

Closed. This question is opinion-based. It is not currently accepting answers.

---

Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.

Closed 2 years ago.

Improve this question

Any advice about how to connect a spfx web part using the react template to an azure sql database.

But can't seem to find a clear example. I'd be looking to bind controls e.g. Combo boxes to a sql azure sql table

Any help will be greatly appreciated.

Answer 1

You need to remember that anything that runs client side is able to be sniffed out by the end user, so any front end code connecting to a database would necessarily expose the connection details back to the end user - the keys to the kingdom, if you will. This is an egregious security risk.

Best practice is to deploy a custom secured web service, and have the web part call that instead.

There's a lot of ways to achieve this, but very common is to use Azure Functions and/or ASP.Net secured with Azure Active Directory: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/connect-to-api-secured-with-aad