Search code examples
node.jsreactjsazuresingle-sign-onsaml

ReactJS integration with azure SAML SSO


Looking for support on Azure SAML SSO integration with ReactJS and NodeJS application (Non gallery app with custom domain name).

Here are the more details,

  1. I have application developed using reactjs (UI) and nodejs (API)
  2. Deployed on AWS with custom domain
  3. Wanted to integrate with Azure AD via SAML SSO
    • Creating enterprise app with non-gallery application
    • How to configure metadata or certificates for this

Any reference or help will be highly appreciated.


Solution

  • When you Sign in to the Azure portal using your Azure Active Directory administrator account.

    You can add saml sso to non gallery app : Browse to the Active Directory > Enterprise Applications > New application > Non-gallery application section.


    enter image description here


    This way you can add non-gallery app .

    enter image description here


    • You can configure SAML certificate by downloading base 64 certificate and uploading it as metadata file as shown in sample app here

    These apps (app and api)are also present in all applications in app registration where you can add scope for api to the app in portal and in code and grant permissions to do authentication as usual.

    References:

    1. SO reference
    2. Microsoft identity platform authentication flows & app scenarios | Microsoft Docs