MSAL with React
Protecting your internal apps
Buisness units often need to rapidly deploy internal applications- but how do you protect these apps? Traditional approachs were to use an SSO provider or app based authorization. The former required integraition with an SSO provider and could take weeks, the later is a big no-no: DO NOT WRITE YOUR OWN login providers!
You can quickly add authentication by using App Service Authentication on your app. For server-side apps in Java, C#, PHP, or JavaScript you could can access logged in users’ attributes by looking at request parameters. But what if your code is run client side in REACT?
The Microsoft Authentication Library (MSAL) can help.
MSAL Sample App
This sample app will require login, and when logged in will display the “Welcome
To get it up and running:
- Create a new app registration in Azure
- Modify app.js with that client ID
- Modify app.js with the tenant ID
- run npm install
- run npm start
How to use the sample
The sample is a starter kit- you can and should modify it. Hope this helps and if it does drop a comment on the github!