Integrate SharePoint with DNN using miniOrange DNN SharePoint Connector

Overview

This setup guide demonstrates how to seamlessly connect your SharePoint environment with your DNN site, allowing you to embed SharePoint documents and other resources directly into DNN pages. You can also enforce SharePoint-level permissions and configure granular access controls to ensure that users see only the content they’re authorized to view—offering a secure and integrated content experience inside your DNN portal.

Pre-requisites: Download and Installation

• To Integrate sharepoint files and folders for your DNN site, you will need to install the miniOrange DNN Sharepoint Integration Connector from DNN store.
• Upload the installation package by going to Settings > Extension > Install Extension.

Configuration Steps

Step by Step guide for DNN Sharepoint Integration.

1. Add module on DNN page

• Open any of the page on your DNN site (Edit mode) and click on Add Module.

• Search for DNN Sharepoint Integration and click on the DNN Sharepoint. Drag and drop the module on the page where you want.

• You have finished with the Installation of the DNN Sharepoint Integration module on your DNN site.

2. Create Authentication Application in Entra ID

• Log in to Azure AD Portal, as an Administrator.

• You will be represented with the home screen of Azure Active Directory. Search for "App Registerations" services in the Azure Active Directory.

• Now click on the New Registration option.

• Write the App Name in the name field and choose the account type. By default account type is selected as Account in this Organizational Directory only.

• Redirect URI is optional, you can keep this field empty.

• Once you have provided the above data you can click on Register button.

• After the registration of an application, Azure AD assigns an unique application ID to your application.

• Navigate to the Overview tab, in the left pane.

• Copy the Application ID and the Directory ID, as this will be used as your Client ID and Tenant ID for configuring the SharePoint Connector.

• Therefore, you can keep it handy somewhere like notepad to later use it.

• From the left navigation pane, navigate to the Certificates & Secrets tab.

• Click on New client Secret to enter the description and expiration time, then click on the Add option.

• Copy the Secret Value as shown in the below screenshot. Once you navigate to any other page this value will be hidden so copy and paste it somewhere handy.

• Note : Make sure you have copied the value of client secret and not the Secret ID as shown in the below image.

Granting API Permissions to your Entra ID Application :

• Go to API Permissions from the left navigation pane and click on Add a permission option.

• Select Microsoft Graph from the list.

• Authenticated User Mode
• Guest User Mode

• Copy the CallBack / Redirect Url from the Connector dashboard.

• Configure the CallBack / Redirect Url in your Entra ID Application's >> Authentication tab >> Redirect Url.

• NOTE : Grant Application Permissions to your Entra ID Application if you want to allow "Guest" user access to your directory or else Grant Application permission to allow access to specific Entra ID users.

• NOTE : You can choose between two different permissions Sites.Read.All and Sites.ReadWrite.All under the sites option to suit your access needs.

• To allow user to only Read the Sites data please select Sites.Read.All permission and click on the Add Permissions button.

• NOTE : Grant Delegate Permissions to your Entra ID Application if you want to allow "Guest" user access to your directory or else Grant Application permission to allow access to specific Entra ID users.

• NOTE : You can choose between two different permissions Sites.Read.All and Sites.ReadWrite.All under the sites option to suit your access needs.

• To allow user to only Read the Sites data please select Sites.Read.All permission and click on the Add Permissions button.

3. Configure Entra ID Authentication in DNN

• Navigate to the DNN SharePoint Integrator Module.

• Under the "Set up Authentication" tab, provide the required information from the Entra ID App, and click on the Save button.

• After successfully saving the configuration click on the "Test Connection" button to test your connection with the Entra ID.

• You will see a Success message in another pop-up window to confirm the Authentication settings.

4. Configure ShortCodes in DNN

• Under the "Shortcodes List" tab, Click on the "Add ShortCode" button to Create a new ShortCode as shown in below image.

• Click on your specific Site and then select the folder whose content you want to display on the DNN pages and then click on "Save ShortCode" button.

• Provide a ShortCode name, and check if you want to allow the CRUD operation to your DNN site end users.

• You can View/Edit all your shortcodes from the "Shortcodes List" tab in the DNN Sharepoint Connector.

• Copy your ShortCode using the "Clipboard" icon against your ShortCode.

5. Embed ShortCodes in DNN

• Before adding the shortcodes on the DNN Pages, it is neccessary to add the shortCode.js of the miniOrange DNN Sharepoint Connector which will handle the rendering of the shortcodes.

• Add this Javascript source file on your DNN page using the DNN HTML Module as below:

• Open the DNN HTML Module and Click on "Source", Add the above shortCode.js and specific shortCode on that page.

• Click on "Save" button to save the page changes and then you will be able to see the specific Sharepoint folder on your DNN Site.

This guide will enable you to set up and Integrate Sharepoint Files for your DNN site. By using miniOrange DNN Sharepoint Integration.

Related Articles

• DNN SAML SSO
• DNN OAuth SSO
• DNN Two Factor Authentication (2FA)
• DNN PowerBI Integration

Get in Touch

Please reach out to us at dnnsupport@xecurify.com, and our team will assist you with setting up the DNN Sharepoint Integration. Our team will help you to select the best suitable solution/plan as per your requirement.