How can I implement SSO Authentication with Active Directory in React App?

Question

I'm trying to create a front end application using React for an organization that already has a SSO (Single Sign On) system implemented using AD (Active Directory), and I want their employees to be able to login in my app using the same credentials.

Is there a way to do so using React only (if Yes, please How !) or should I use another technology like NodeJs for example.

Answer 1

Since the organization already has a SSO (Single Sign On) system implemented using AD (Active Directory), what you need to do is integrating Azure AD with your react app.

You can use react-adal or react-aad-msal, it depends on your requirement.

MSAL works with the Azure AD V2 endpoint, whereas ADAL works with the Azure AD V1 endpoint.

Reference:

https://docs.microsoft.com/en-us/azure/active-directory/develop/azure-ad-endpoint-comparison