How To: Integrate Azure Active Directory with Picturepark


In this tutorial, you learn how to integrate Content Platform with Microsoft Entra ID (formerly Azure Active Directory).

Integrating Content Platform with Azure AD provides you with the following benefits:

  • You can manage who has access to Content Platform in Microsoft Entra ID.

  • You can enable your users to be automatically signed in to Content Platform (single sign-on) with their Microsoft Entra ID accounts.

  • You can manage your accounts in one central location - the Azure portal.

For more information about app integration with Entra ID, seeĀ What is application access and single sign-on with Azure Active Directory. If you don't have an Azure subscription,Ā create a free accountĀ before you begin.

This tutorial focuses on Entra ID. For Azure AD B2C, the configuration differs in several areas.

Azure AD B2C does not offer features to include group membership in a token issued for user flow. Custom Code is required for this. Search for ā€œusing groups in Azure AD B2Cā€.

Prerequisites

Before configuring the Entra ID integration with Content Platform, you need the following:

  • An Azure AD subscription. If you don't have an Azure AD environment, you can get aĀ free account.

  • Content Platform single sign-on (SSO) enabled subscription

Scenario description

In this tutorial, you learn how to configure and test Entra ID single sign-on in a test environment.

Content Platform supportsĀ OpenID Connect authentication.

Note: As Microsoft regularly updates the Azure Portal interface, the example images below may not always exactly reflect the UI.

In the Azure Portal

Register Content Platform as an App

  1. In theĀ Azure portal, ensure that you have selected the correct directory. To change directories, select the icon on the upper right, as outlined in the example below.Ā 

    cp_switch_directories.png

    Ā 

  2. Open Microsoft Entra ID.

    cp_open_entra_id.png

    Ā 

  3. In the navigation panel, select App registrations and then select New registration to add a new registration.



    Ā 

  4. Enter a name for the new app, for example, Content Platform SSO.

  5. Select which account types should have access (single tenant only allows from the currently selected directory).

  6. Redirect URI refers to the URL of the identity server for your Content Platform tenant. To get the IDS, sign in to your Content Platform tenant, go to Help > System Information, and copy the Picturepark IDS value.


  7. The newly registered app will open directly, and your breadcrumb will look similar to the following example:

Configuring the Content Platform app

In the Azure Portal, open the app you created in the first part of this tutorial and select Manage > Authenticationā€Æ.ā€ÆĀ Ā 

  1. Under Redirect URIs add the ID value obtained in the step before behind the IDS URI provided in section 1. The path contains three parts: the ā€œPicturepark IDS https://ids-cp-ch.picturepark.comā€œ, a ā€œsignin-ā€ component, and the ID value. For example: https://ids-cp-ch.picturepark.com signin-598b9251-d7d0-4a53-887e-6bdf2b16c35bĀ 

  2. Add a Front-channel logout URL. Use the same values as in the previous step, but replace the signin- component with s-. This step is optional and not required for authentication to work. It is convenient if users are logging out of Entra ID as this will log them out of Content Platform IDS and, within a maximum of 10 minutes, log them out of Content Platform itself.ā€Æ


  3. Ā Implicit grant: Leave this empty.ā€ÆContent Platform Open ID Connect integration uses code flow, not implicit flow.ā€ÆĀ 

Ā 

Add API Permissionsā€ÆĀ 

  1. Ā Add permissionā€Æ.

  2. Select Microsoft Graphā€Æ.

  3. Select Delegated permissionsā€Æ.

  4. Select and save.

    1. emailā€ÆĀ 

    2. offline_accessā€ÆĀ 

    3. openidā€ÆĀ 

    4. profileā€ÆĀ 

Ā 

Ā 

Ā 

Ā 

Ā 

Ā 

ā€Æā€ÆĀ Add API Exposure to Client ApplicationĀ 

  1. Open Manage > Expose an App.Ā 

  2. Add a scope.

  • You need to set an Application ID URI before you can add permission. (Microsoft chooses one by default, but it can be changed). Save and continue.

  • Scope name: user.signin

  • Who can consent? Admins onlyĀ 

  • Consent display names: User AuthenticationĀ 

  • Consent descriptions: User AuthenticationĀ 

  • Select Add scope.Ā 

  1. Add a new client application.

  • Client ID is taken from the Overview page.

  • Select Scopes.

Ā 

Ā 

Ā 

Ā 

Ā 

Ā 

Ā 

Claiming Steps - Add Tokens to the Azure Appā€ÆĀ 

For information on token creation in Azure AD B2C, see https://docs.microsoft.com/bs-latn-ba/azure/active-directory-b2c/configure-tokensā€ÆĀ 

  1. Go to Manage > Token Configuration.ā€ÆĀ 

  2. Add optional claims.ā€ÆĀ 

    1. You need to pass the email address claim to Picturepark as it is required.ā€Æā€Æā€ÆĀ 

    2. We also recommend the family name and given name. These three do not need to be mapped in Picturepark as they are automatically added. Other claims will also need to be mapped in Picturepark under Settings/IdP Settings/YourIdp/Group Mappingā€ÆĀ 

    3. Add any group claims in Azure and then map them into Picturepark. The group claim type in Picturepark IdP settings is groups, and the group name is the object ID of the group.ā€ÆĀ 
      ā€Æā€ÆĀ 

  3. Go to Manage Certificates & Secrets, create a new client secret, and copy it.ā€ÆĀ 

  4. Add the client ID into the Picturepark IDS and the openid connect metadata document url to the urls and client secret to client secrets and save.ā€Æ
    We recommend setting a calendar entry to recreate and then reshare the secret value with Fotoware so there is no downtime due to expired client secret value.Ā Ā 

Limitationsā€ÆĀ 

You cannot add the Picturepark Content Platform from the gallery. If you try, you will find only Picturepark DAM.ā€Æā€ÆĀ Ā 
Ā 

In Content PlatformĀ 

Ā Before you proceed to the next step (configure the newly created App in Azure), you must set up an Identity Provider in Content Platform.Ā Ā Ā 

  1. In your Content Platform tenant, go to Settings > IdP setup.

  2. Name: Choose a name for your internal use.

  3. Display name: the name shown to your users on login, for example, Company Access.ā€ÆĀ 

  4. Select Azure ADā€Æfrom the dropdownĀ list.

  5. Protocol: Choose Open ID Connectā€Æ.

Ā 

  1. URL: In Azure Entra ID, open the app you created in part 1 of this tutorial. Go to Overview > Endpoints, copy the value from Open ID Connectā€Æmetadata document (make sure to remove everything after v2.0), and paste it into the URL field.Ā 

  2. Client ID:ā€Æretrieve the value under Application (client) ID and copy it into the Client ID field.Ā Ā 

  3. Client Secret: go to Manage > Certificates & secretsā€Æ> Create new secret. Retrieve the Value and copy it into the Client Secret field.Ā 

Ā 

  1. Sort order: This field does not need to be filled out; it will be created automatically. However, if you have multiple IdPs and want to display them in a certain order, you can add a number here, e.g., 0, 1, 2, 3, etc.ā€ÆĀ 

  2. Select Create and copy the ID value. You need this to complete the configuration of your app in the Azure Portal.Ā Ā Ā 

Assign Groups and Users - optionalĀ 

In Entra ID, go to Enterprise applications. Select the app you registered. assign users and groups, select your users/groups, and assign them their respective roles.Ā Ā 

Congratulations. you are all set up! To test your configuration, open Content Platform in a private window.Ā Ā 

Ā 

Ā 

Ā 

Ā 

FotoWare Switzerland AG - CH-5033 Buchs - Switzerland
https://picturepark.com - support@picturepark.com
Ā© 2023 FotoWare Switzerland AG