Introduction
UAEPass with OpenID Connect Directory Manager isn't any different from using Okta, Google, or any other provider. Below is the flow of how it would be if you have successfully implemented it.
With clicking the login, you will be redirected to the next image.
Figure 1: Login screen
Figure 2: Additional Login page using OpenID Directory manager with UAEPass
Upon successfully logging in with your registered ID, email, or phone you will be getting a push notification on your UAE Pass mobile application to confirm your identity.
Figure 3: Push Notification in mobile
After confirming it with your mobile app you are in.
Pre-requisites
- Submission for approval
- Should have an account with UAE Pass
- UAE Pass mobile application
Above are the things a company needs to have in order to achieve the above flow. First, a company needs to submit appropriate documents to the government for onboarding. Second, they need to have the necessary information and even an account with UAE Pass. Finally, they need to have the UAE Pass mobile application on their mobile device.
But for this tutorial, we only will be using the staging credential and staging app.
Below is the necessary stuff if you want to follow along.
So that is all the necessary stuff that you would need and below is the configuration.
Configuration
Figure 4: Plugin Configuration
So if you already chose the UAEPass issuer in your OpenID connection, you could insert the endpoints and the testing credentials that have been given before.
And you would need the response types supported scope and state that is left blank. The last part would be tricky but not that hard.
To find the scope, state, and response types supported would be here.
We are going to dissect the URL. Below is the full URL (it is an image). We just need to copy the response_type, scope, and state(the highlighted ones) values.
The last URL you need for the validation would be here. Take the Token endpoint and fill it up token validation endpoint and we are good to go.
Figure 5: Authentication URL
After filling all up your form will look like the image below
Figure 5: Form completed
And you have come to an end to this tutorial. That would be all. Feel free to try it out and comment if you need help with anything.
Sample Configuration
| Attribute | Value |
|---|---|
| Issuer | UAEPass |
| Authorization Token Endpoint | |
| Token Endpoint | |
| Token Validation | |
| User Info Endpoint | |
| Response Type Supported | code |
| Client ID | sandbox_stage |
| Client Secret | sandbox_stage |
| Scope | urn:uae:digitalid:profile:general |
| State | HnlHOJTkTb66Y5H |