Hello there!

Need Help? We are right here!

Support Icon
miniOrange Email Support
success

Thanks for your Enquiry. Our team will soon reach out to you.

If you don't hear from us within 24 hours, please feel free to send a follow-up email to info@xecurify.com

Search Results:

×

React Native Single Sign-On SSO


React Native JWT Single Sign-On (SSO) solution by miniOrange provides secure Single Sign-On access into React Native application using a single set of login credentials. This is done using JSON Web Token (JWT) tokens and it can be easily integrated with React Native built in any framework or language. You can enable social login for your users to get secure access to applications using any of their existing social providers such as Facebook, Twitter, Google, or LinkedIn.

With miniOrange React Native SSO, you get:

  • Seamless user login experience.
  • Endless customizations to your login forms and pages.
  • Simplified customer or user on-boarding.


Connect with External Source of Users


miniOrange provides user authentication from various external sources, which can be Directories (like ADFS, Microsoft Active Directory, Azure AD, OpenLDAP, Google, AWS Cognito etc), Identity Providers (like Shibboleth, Ping, Okta, OneLogin, KeyCloak), Databases (like MySQL, Maria DB, PostgreSQL) and many more.



Follow the step-by-step guide given below for React Native Single Sign-On (SSO)

1. Configure React Native in miniOrange

  • Go to Apps and click on Add Application button.
  • React Native Single Sign-On (SSO) add app

  • In Choose Application, select JWT from the application type dropdown.
  • React Native SSO: Configure JWT app type

  • In the next step, search for React Native application from the list. If your application is not found, search for JWT App and you can set up your Application.
  • Configure JWT application: Search React Native JWT application

  • You can configure the following details in the application:
  • Custom App Name Enter the Application Name of your choice, and add a description if required.
    Redirect-URL Enter the Redirect-URL (i.e. the endpoint where you want to send/post your JWT). You can add multiple redirect URLs by separating them with a ‘;’. E.g. abc.com;xyz.com
    Primary Identity Provider (optional) Select your Identity Source from the dropdown. You can select miniOrange here as default IDP.
    React Native SSO: JWT app details

  • Click on Save to complete the configuration.
  • Click on Edit in the select menu against your app.
  • React Native SSO: Edit app

  • You can get further details about your recently added JWT application:
  • Client ID If your application provides its own client ID, you can configure it by clicking on the Customize button.
    App Secret You can find App Secret by clicking on the copy icon. This is used in the HS265 Signature algorithm for generating the signature.
    Signature Algorithm Select RSA-SHA256 as your signature algorithm from the dropdown.
    Primary Identity Provider Select the default Identity Provider from the dropdown for the application. If not selected, users will see the screen of default IdP (miniOrange)
    Redirect URL Enter your app’s URL here (This is the URL where you will receive your JWT.) <app-login-url>/?id_token=<token>
    eg: https://localhost:3000/home/?id_token=eyefb43bf.whfeeg.hfwf
    In this example, https://localhost:3000/home is my app’s URL where id_token will be posted after authentication.
  • Scroll down to Endpoints.
  • React Native SSO: Search JWT application

  • SSO URL for using miniOrange as Authentication Source: If you are going to store users in miniOrange and use miniOrange as your authentication source,then, copy and save this URL somewhere as it will be used in further steps.
  • SSO URL for using External Providers as Authentication Source: If you are going to use any External Provider as your authentication source, then, Copy this one and save somewhere as it will be used in further step.

2. Adding Script on React Native's End

  • To enable SSO on React Native's end, all you need to do is add a Single Sign-On URL and Customized Script to retrieve the required attributes from the JWT token.
  • Please click here to contact us for the script which is to be added.

3. Test SSO Configuration

Test SSO login to your React Native account with miniOrange IdP:

    Using IDP Initiated Login

    • Login to miniOrange IdP using your credentials.
    • React Native Single Sign-On (SSO)

    • On the Dashboard, click on React Native application which you have added, to verify SSO configuration.
    • React Native Single Sign-On (SSO) verify configuration


    Not able to configure or test SSO?


    Contact us or email us at idpsupport@xecurify.com and we'll help you setting it up in no time.



4. Login Using Social Provider (Optional)

miniOrange provides user authentication from various external sources, which can be Directories (like ADFS, Microsoft Active Directory, Microsoft Entra ID, OpenLDAP, Google, AWS Cognito etc), Identity Providers (like Okta, Shibboleth, Ping, OneLogin, KeyCloak), Databases (like MySQL, Maria DB, PostgreSQL) and many more. You can configure your existing directory/user store or add users in miniOrange.




External References

Want To Schedule A Demo?

Request a Demo
  



Our Other Identity & Access Management Products