如何使用 React 应用程序在 saml 身份验证中捕获 SAML 响应

Question

We are trying to implement SAML authentication with React App where we are using Azure Directory as IDP, when the user gets authenticated UI gets SAML response in HTTP post request payload. But on the client-side (React) we are not able to read this request payload.

Answer 1

Azure AD will post the SAML response to the Redirect URI of the SP . In order to process it you will need server-side logic. You can enable SSR for React or create and API that handles the auth callback and forwards the results to the SPA.

Take a look to Simple React and Express app SAML login by Okta for a React SPA + Node.js/Express API sample.

Hope that helps!