Foldr for Microsoft Teams – File Picker Integration

The Foldr server provides support for a Teams integration which provides the user with a file picker to upload files to Teams channels ‘Posts’ from any storage avaiable via Foldr.

This feature leverages the Azure Bot services functionality in Microsoft Azure.  The setup process requires the admin to create an Azure Bot object and plug the client ID and secret/key from Azure into the Foldr server before users can make use of this feature.  When the integration is complete, a Foldr app icon is available in the Posts/Conversation interface (at the bottom of the Office 365 Teams UI) to launch the picker:

Screenshot: Foldr for Microsoft Teams – File Picker Integration

Screenshot: Foldr for Microsoft Teams – File Picker Integration

Prerequisites

1. The Office 365 integration steps must have been completed – either using manual or automatic account linking (self-hosted), or the equivalent Foldr Cloud setup. Pay attention to any additional Microsoft Graph permissions required for Teams.

Note – Manual linking is recommended when accessing SharePoint or Teams via Foldr so users receive their ‘true’ permissions configured in Office 365.  Automatic linking uses a service account for all access and at the time of writing this article, the Microsoft APIs do not allow for true user impersonation when using service accounts.

2.  A share must be added for users in Foldr Settings > Shares & Storage using the storage address %teams%.  Users should be able to access their Teams channels / documents in Foldr successfully before attempting to use the Foldr File Picker.

Enabling and Configuring the Integration

1. Log into Foldr Settings and enable the Foldr File Picker within Integrations > File Picker

Screenshot: Enabling and Configuring the Integration

2. Enable the file picker service and add the public FQDN of Foldr to the Trusted Domains list (‘address-of-foldr‘ is being used in the example below, replace with the correct URL) and click Save Changes

Screenshot: Enabling and Configuring the Integration

3. Configure the same public FQDN under _Appliance > Network > External Hostname
_

Screenshot: Enabling and Configuring the Integration

4.  Adjust the HTTP Headers configuration within Customise > HTTP Headers as shown and click Save Changes

Screenshot: Enabling and Configuring the Integration

To aid quick configuration via copy/paste, the dialog above contains:

Content-Security-Policy: default-src 'self' 'unsafe-eval'; img-src https: data:; style-src 'self' 'unsafe-inline'; frame-ancestors 'self' https://*.microsoft.com;

5.  Log into https://portal.azure.com using an administrative account, click + Create a Resource and search for and click on ‘Azure Bot

Screenshot: Enabling and Configuring the Integration

6.  Click Create

Screenshot: Enabling and Configuring the Integration

7. In the Create an Azure Bot panel, complete the required fields, giving the bot a suitable handle, selecting the Azure subscription, Resource Group etc.

Screenshot: Enabling and Configuring the Integration
8. Under the Pricing section, click Change Plan

9. Select the ‘Free’ tier

Screenshot: Enabling and Configuring the Integration

10. Under the Microsoft App ID section, select Multi Tenant

11.  Click Review + Create

Screenshot: Enabling and Configuring the Integration

12. The Azure Bot summary screen will be displayed.

Screenshot: Enabling and Configuring the Integration

13.  Click Create

Screenshot: Enabling and Configuring the Integration

14. The deployment status screen will be displayed and after a few seconds a success message should be displayed.  Click Go to resource

Screenshot: Enabling and Configuring the Integration

15.  The bot configuration screen will be displayed.  Click Channels

Screenshot: Enabling and Configuring the Integration

16.  Scroll down and select Micosoft Teams

Screenshot: Enabling and Configuring the Integration

17.  Agree to the Terms of Service using the check box and click Agree

Screenshot: Enabling and Configuring the Integration

18. On the Messaging tab, leave the selection at default as shown below

Screenshot: Enabling and Configuring the Integration

19.  Click Apply

Screenshot: Enabling and Configuring the Integration

20. Click Close

Screenshot: Enabling and Configuring the Integration

21. Click Configuration on the left hand panel

Screenshot: Enabling and Configuring the Integration

22. The ‘Messaging Endpoint’ on the Configuration screen should be configured as below:

https://address-of-foldr/services/msteams/messages

Replacing address-of-foldr with the public FQDN of the Foldr installation.  demo.foldr.io is used in the EXAMPLE below

Screenshot: Enabling and Configuring the Integration

Take a copy of the Microsoft App ID and store this elsewhere (text editor / notepad for example) as this will be required later in the setup process

Screenshot: Enabling and Configuring the Integration

23. Click Manage Password (below the Messaging endpoint field)

Screenshot: Enabling and Configuring the Integration

24. The Certificates and secrets panel will be displayed.  The existing client secret shown can be deleted.

Click + New client secret

Screenshot: Enabling and Configuring the Integration

25. Give the secret a suitable name and expiration date

Screenshot: Enabling and Configuring the Integration

26. Click Add

Screenshot: Enabling and Configuring the Integration

27. Take a copy of the key VALUE using the button highlighted.  This is only shown once so and it will be required later in the setup process.

Screenshot: Enabling and Configuring the Integration

28. Sign into Foldr Settings and navigate to Integrations and select Microsoft Teams

Screenshot: Enabling and Configuring the Integration

Enable the integration using the toggle

Screenshot: Enabling and Configuring the Integration

Populate the Client ID and Application Key fields with the values taken earlier in the Azure portal.

Microsoft App ID = Client ID
Client Secret = Application Key

Screenshot: Enabling and Configuring the Integration

29. Click SAVE CHANGES

Screenshot: Enabling and Configuring the Integration

30. Click Download App

Screenshot: Enabling and Configuring the Integration

31.  Click the DOWNLOAD APP button shown at the bottom of the screen.  This will generate a .zip file which is will be needed at the next step – save this to the local desktop.

Screenshot: Enabling and Configuring the Integration
The Foldr app for Microsoft Teams is now ready to be deployed. This can either be done centrally in the Microsoft Teams Admin Center and added to Teams Channels centrally (recommended), or users or an admin can upload custom apps using the .zip file to channels so they are available in the Teams user interface using the Apps button.  Controlling use of the Foldr app via the Admin Center is recommended.

Adding the Foldr app to Channels centrally using the Teams Admin

From the Microsoft 365 admin center at https://admin.microsoft.com select Teams under All Admin Centers

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Select Manage apps

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Select Teams apps

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Select + Upload new app

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Click Upload

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Browse to the foldr-for-teams.zip file that was downloaded from Foldr Settings earlier

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Back under the Teams apps list, search for Foldr, select it using the checkbox and then use the Add to Team button as highlighted below.

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Search for the Team that you wish to use with the Foldr file picker and click Add

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

A success message is shown briefly at the top of the UI.

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin\

The app has now been added to Teams.  From the main Teams app > Channels > Posts interface, Foldr will be accessible as a custom app via the menu at the bottom of the screen.

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

This will then display the Foldr file picker.  If the user will first need to sign in to access any storage presented via Foldr.  Once signed in, the app will not require the user to sign in again until the usual Foldr web app timeout has expired.

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Select a suitable storage item / share and browe to the file to insert into the Teams post

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

Expand the storage location and sub-folders to select the file to be uploaded to the Teams channel.  Click Select

Screenshot: Adding the Foldr app to Channels centrally using the Teams Admin

The file will be uploaded and available to users in the Teams interface.

← All articles