mIDentityBox - Implicit Flow using ReactJS

This repo contains ReactJS example app that demonstrate the various OpenId Connect's Implicit flow.

Instructions

1. Initially clone this repository
2. RUN npm install and wait for the completion of installation on node_modules
3. Once node_modules are installed and RUN npm run start to start execution of react-scripts
4. You will receive a localhost URL, open that specific URL in the browser to view your initial screen
   
5. You can configure your OIDC related information in src/model/Config.js path
6. Make sure you replace your-midentity-box-oidc-tenant-id with your TenantID and your-midentity-box-oidc-app-client-id with your ClientID when you created your OpenId Connect app via the mIDentity Box portal.
7. Change {partnerid}.{hostname} to match the sub-domain by mIDentity Box portal.

Note: Check with mIDentity Box administrator to enable Implicit Flow

Example

Available on:
You can now view midentitybox-implicitflow in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.225.192:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Approach to work with the implicit flow

1. Click on "login" button
2. You will be redirected to "mIDentityBox" user authentication screen
3. Type username and password, then click "Continue to login"
4. Once user is authentication with proper credentials
5. You will receive a transaction in your mIDentityBox app
6. You can able to "Accept/Decline" the transaction request
7. By accepting the transaction from mobile app, you can able to authorize your login

What can I use these for

OpenId Connect is a great way to add user authentication to your application where you are depending on another party to manage the user identities.

In this case mIDentity Box can manage the identity of your users making it faster to get up and running.

Single Sign On (SSO)

By implementing OpenId Connect via mIDentity Box you are creating a session which can be used to single sign on from your custom app into other apps that your users may have access to via the mIDentity Box portal

MFA

If MFA is enabled for a user in mIDentity Box then they will be prompted to enter a token during the authentication. mIDentity Box takes care of all of this for you, making strong authentication much easier to implement in your app.

Requirements

In order to run any of the examples you will need to create an OpenId Connect app in mIDentity Box Admin portal.

Mobile App

1. Android app
2. iOS App

If you don't have a mIDentity Box account you can sign up here.