Using SAML auth with REACT front-end


I’m using a React application, and I want to integrate with third party authentication, with experience pages I’ve already done it, but using React I don’t know how to.

We have a React.js boilerplate template that demonstrates public and auth-protected routes; submitting login credentials to an endpoint; authenticating the user in a workflow; and returning a cookie to the browser that can be used for additional requests.

We also have an Azure Active Directory SSO template that shows how to authenticate against a third-party service using SAML.

Between those two templates, that should demonstrate the whole process for you. I would recommend importing both into your application and modifying the resources to combine the two use cases together.