Login With DNN Website As API Authentication Source
Login with DNN API
DNN API Authentication Source module by miniOrange enables users to login into different applications with their DNN credentials.
You can achieve Single Sign-On(SSO) into your applications where users can authenticate themselves with their DNN website credentials and get access to all the configured applications.
This module helps to set up your DNN website as an authentication source and perform SSO with any Service Provider (SP).
Step 1: Install and setup DNN API Authentication Source module
You can Contact us and we will help you further with downloading our DotNetNuke (DNN) API as an authentication source module.
Log in your DNN website with your admin/superuser account.
Go to the Settings icon and click Extensions.
Click on Install Extension.
Click on the upload a file and select the ZIP file Provided by miniOrange or drag and drop it in the blue box.
Complete the installation procedure.
You can add the module to any page of your choice in your website (for example, let’s add it to the Home page).
Go to the Home page and click the pen icon to enable edit mode.
Click on the Add Module button as shown below.
Search for dnnapisource and click on the Plus button.
Place the module on the page.
You would be able to see a blank field in place of the module we just added. Hover over it and Click on Settings.
Go to your newly added module’s Settings Tab and expand API Credentials field.
Note Down User Authentication URL and User Authentication Parameter.
Select the attributes that you want to release to your application during the authentication and click Update.
Step 2: Setup DNN Website as authentication source in miniOrange
Click here and login with your miniOrange account.
Navigate to User Stores and click on the Add User Store button.
Switch to the API tab and select Custom API from the dropdown.
Provide an API identifier name.
Under the Authentication Configuration section, paste the User Authentication URL and User Authentication Parameters that you copied in step 1 above.
Provide the Header Name as Content-Type and its value as application/json.
Select the Method as POST.
Provide the Status field’s value as error.
Provide the Status Message field’s value as message.
Click on the Save button.
Make sure the new User Store is DEFAULT STORE.
To test the connection, select the user store you just added and click on Test Authorization API.
Enter your DNN credentials when prompted and you should be able to see a Success message.
Step 3: Configure Your application in miniOrange
If you have already configured your application in miniOrange you can skip the following steps.
With us, You can configure application according to the the protocol it supports like SAML, OAuth, JWT, Ws-fed etc.
For example lets say the application supports SAML. Then go with the configurations Shown in SAML Application Tab.
Now to get the IDP metadata of the app configured, Go to apps >> your_app >> select >> metadata tab.
Click on the Show Metadata details in the Information required to Authenticate via External IDPs section. Download the metadata XML file by clicking on Download Metadata button or copy the Metadata URL link.
You need to Upload this metadata in your application.
Configure the name for your application and configure Redirect-URL which tells where to send JWT response. Redirect-URL should be an endpoint on your application where you want to achieve SSO.
In case you are setting up SSO with Mobile Applications where you can't create an endpoint for Redirect or Callback URL, use below URL.
To get the SSO link for your application, Go to Apps >> your_app >> select >> Edit.
Then, copy the Single Sign On Url and verify SSO setup by browsing that url.
On successful authentication, you will be redirected to configured Redirect or Callback URL with JWT token
You will need to download a certificate from App > Manage Apps, and click Certificate link against your configured application. This certificate will be used for signature validation of JWT response.
Step 4: Setup Multiple IDPs (Optional)
You have a choice to set multiple IDPS for Single Application, i.e integrate multiple IDP and users can select IDP accordingly from which they want to authenticate themselves. There are three different ways to authenticate users using IDP.
Login using IDP selection page: It gives users an option to Select IDP from the dropdown list during login time.
Domain Mapping: Here we map the email domains to a particular IDP. So when the user enters the Email address with a specific domain he would be redirected to the respective IDP.
App Identity Provider Mapping: This feature gives users an option to select one specific IDP for their application before login.
Note : At once you can select either of them.
A] Login using IDP selection page
You can configure multiple IDPs (Identity Providers) and give users the option to select the IDP of their choice to authenticate with.
For Example - It could be multiple AD domains belonging to different departments or multiple okta organizations.
Few usecases where customers configure multiple IDPs -
Suppose you have a product which many of your clients use and each client has their own unique IDP so you want them to SSO into your product as well using their existing IDP only. miniOrange provides a centralized way to connect with all IDPs in a very easy manner and integrate SSO into your application.
Suppose you are providing a course to many universities, each having a unique SAML, OAuth protocol supported IDP's like Shibboleth, ADFS, CAS, etc. You can provide Single Sign-On (SSO) into your course application to all these universities by integrating with all of them using a single platform provided by miniOrange.
This is the endpoint to call from your SAML application -
You should copy the Customer Key from admin console-> Settings -> and replace it with <customer_id> here. Once configured in SP, when you initiate the login from Service Provider, a user will be redirected to IDP Selection Page listing all IDPs configured for that account.
You can see the screenshot below of the IDP Selection Page with a list of IDPs .
Note: To view the IDP in drop-down list, go to Identity Providers tab > against your configured IDP > Select >Edit , here Enable the Show IdP to Users option.
You can also change the look and feel of this page. Login to miniOrange Admin console. Navigate to Customization -> Branding Configuration. See the below screenshot for reference-
You can customize the title of this page.
Change the logo and favicon for this page.
Change the background and button color for this page from admin UI.
B] Login via Domain Mapping
If you have multiple IDPs and you want a certain set of users to authenticate from one IdP whereas another set of users to authenticate from another IdP, based on their email domains then you can achieve this by using the following steps:- Our domain mapping feature
We have provided a Domain Mapping field under each IdP where admins can enter the domain eg. demo.com , example.com as shown in the screenshot below.
For your reference , Azure AD and Okta is being used as two different IDPs and WordPress is being used as SP. Follow the guides to set up Okta and WordPress at your end.
Once the setup is complete you can login through your Wordpress site.
Lets Say in Azure AD IDP Domain field we enter example.com and in Okta IDP Domain field we enter demo.com
So a user logging in with the example.com domain will be redirected to Azure AD IDP.
User logging in with email address having demo.com domain will be redirected to Okta IDP.
Once the user will authenticate itself through respective IDPs, it will be redirected back to Wordpress site.
C] Login via App Identity Provider Mapping
If you have multiple IDPs (identity provider) and you want a certain application user to authenticate with one IDP and other application users with another IDP then you can achieve this by our Identity Source Feature.
Go to apps >> your_app >> select >>edit.
Here You will have an option called as Identity source.
The dropdown list would show the list of configured IDPs (Identity providers) in miniOrange Identity Providers tab and Userstore.
Select one IDP you want for this application. Click on Save.
Now the users of this application would be able to authenticate only by the IDP(Identity Provider) selected from Identity Source dropdown list.
If you dont hear from us within 24 hours, please feel free to send a follow up email to email@example.com
This privacy statement applies to miniorange websites describing how we handle the personal
When you visit any website, it may store or retrieve the information on your browser, mostly in the
form of the cookies. This information might be about you, your preferences or your device and is
mostly used to make the site work as you expect it to. The information does not directly identify
you, but it can give you a more personalized web experience.
Click on the category headings to check how we handle the cookies.
Strictly Necessary Cookies
Necessary cookies help make a website fully usable by enabling the basic functions like site
navigation, logging in, filling forms, etc. The cookies used for the functionality do not store any
personal identifiable information. However, some parts of the website will not work properly without
These cookies only collect aggregated information about the traffic of the website including -
visitors, sources, page clicks and views, etc. This allows us to know more about our most and least
popular pages along with users' interaction on the actionable elements and hence letting us improve
the performance of our website as well as our services.