Search Results :

×

DNN OAuth Single Sign-On (SSO) with Facebook as OAuth Provider


DNN OAuth Single Sign-On (SSO) module gives the ability to enable OAuth Single Sign-On for your DNN site. Using our Single Sign-On solution, you can use only one password to access your DNN sites and services. Our module is compatible with all the OAuth compliant identity providers. Here we will go through a step-by-step guide to configure Single Sign-On (SSO) between DNN and Facebook considering Facebook as OAuth Provider.

Pre-requisites: Download and Installation

  • Download the DNN OAuth Single Sign On module with above link.
  • Extract the package and upload the extension dnn-oauth-single-sign-on_xxx_Install by going to Settings > Extension > Install Extension
  • DNN Facebook OAuth SSO - install extension

Configure DNN OAuth Single Sign-On using Facebook as OAuth Provider

1. Adding SSO module on DNN page

  • Open any of the page on your DNN site (Edit mode) and Click on Add Module.
  • DNN Facebook OAuth SSO - add dnn module
  • Search for oauthclientsso and click on the oauthclientsso. Drag and drop the module on the page where you want.
  • DNN Facebook OAuth SSO - oauthclientsso
  • You have finished with the installation of the module on your DNN site.
  • If you want to add module on every page of your dnn site, go to Module Settings >> Module Settings >> Advanced Settings.
  • DNN Facebook OAuth SSO - advanced settings
  • Check the box for Display Module on All Pages and click on Update.
  • Under oauthclientsso settings tab, select Facebook as identity provider (IDP).
  • DNN Facebook OAuth SSO - advanced settings
  • Copy the Redirect/Callback URL and provide the same to your OAuth Provider.
  • DNN Facebook OAuth SSO - advanced settings
  • Please refer the below table for configuring the scope & endpoints for Facebook in the plugin.
  • Client ID : Click Here
    Client Secret : Click Here
    Scope: public_profile email
    Authorize Endpoint: https://www.facebook.com/dialog/oauth
    Access Token Endpoint: https://graph.facebook.com/v2.8/oauth/access_token
    Get User Info Endpoint: https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link

2. Configure Facebook as OAuth Provider

  • First of all, Login/ Signup in Facebook developer console at https://developers.facebook.com/
  • DNN Facebook OAuth SSO - developer console
  • Go to My apps.
  • DNN Facebook OAuth SSO - Goto my app
  • Click on Create app to create a new app.
  • DNN Facebook OAuth SSO - Create app
  • Select what your app is going to work for.
  • DNN Facebook OAuth SSO - Select option
  • Enter the required details and click on create app.
  • DNN Facebook OAuth SSO - Fill details
  • Complete the security check and click on Submit button.
  • DNN Facebook OAuth SSO - security check
  • Select Facebook Login by clicking on the set up button .
  • DNN Facebook OAuth SSO - login setup
  • Select Facebook Login -> Settings under Products option in the navigation bar.
  • DNN Facebook OAuth SSO - login settings
  • Enter the Callback/Redirect URL (from your DNN OAuth SSO module) in the Valid OAuth Redirect URIs field. Click on the Save button to save your configurations.
  • Note: Your Callback/Redirect URI should be https and not http. It is mandatory while configuring Facebook as an OAuth Provider.
  • DNN Facebook OAuth SSO - client oauth setting
  • Go to Settings -> Basic to view your App Id and App Secret as shown in the image below.
  • DNN Facebook OAuth SSO - client oauth basic setting
  • Enter your Privacy Policy URL in the Privacy Policy URL field and choose a category from the dropdown in the Category field. Then, click on Save Changes button to save your configurations.
  • Copy your App ID and your App Secret and save it in your DNN OAuth SSO module under the respective fields.
  • DNN Facebook OAuth SSO - app id app secret
  • Change you app status from In Development to Live by clicking on OFF as shown in the image below. Then, click on confirm to confirm your change of status.
  • DNN Facebook OAuth SSO - change status

You have successfully configured Facebook as OAuth Provider to Single Sign-On into your DNN application.

3. Testing OAuth SSO

  • After saving settings, you can see the list of applications you have configured.
  • Click on Edit to update the configuration.
  • DNN Facebook OAuth SSO - test configuration
  • Click on Test Configuration to check if the configuration is correct.
  • On successful configuration, you will get Attributes Name and Attribute Values on Test Configuration window.
  • DNN Facebook OAuth SSO - succesful configuration

4. Attribute Mapping

  • Go to the oauthclientsso settings >> Advanced Settings >> Attribute Mapping.
  • DNN Facebook OAuth SSO - attribute mapping
  • Map email and username with Attribute Name you can see in Test Configuration window.

5. Adding Widget

  • For adding the widget go to Add Widget.
  • DNN Facebook OAuth SSO - adding widget
  • Click on Add Widget button. A button will be added on the DNN page.

You can configure the ASP.NET OAuth Single Sign-On (SSO) module with any identity provider such as ADFS, Azure AD, Bitium, Centrify, G Suite, JBoss Keycloak, Okta, OneLogin, Salesforce, AWS Cognito, OpenAM, Oracle, PingFederate, PingOne, RSA SecureID, Shibboleth-2, Shibboleth-3, SimpleSAML, WSO2 or even with your own custom identity provider.

Additional Resources


Need Help?

Not able to find your identity provider? Mail us on dnnsupport@xecurify.com and we'll help you set up SSO with your IDP and for quick guidance (via email/meeting) on your requirement and our team will help you to select the best suitable solution/plan as per your requirement.


Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

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