Skip to main content

Integrating Digital Asset Management with Sitecore Connect Hub: A Step-by-Step Walkthrough

Integrating Digital Asset Management with Sitecore Connect Hub: A Step-by-Step Walkthrough

The Sitecore Connect for Content Hub (SCCH) connector enables seamless integration between Sitecore Content Hub and the Sitecore Experience Platform (SXP) through the Content Marketing Platform (CMP) module and the Digital Asset Management (DAM) module.

Digital Asset Management (DAM) systems are crucial for the organization, storage, and retrieval of digital assets. When combined with robust platforms like Sitecore Connect Hub, they can greatly improve your content management capabilities. This blog will guide you through the steps of integrating a DAM system with Sitecore Connect Hub, ensuring a smooth and efficient workflow.

With the Sitecore Connect for Content Hub (SCCH) connector, you can browse, search, and insert digital assets directly into Sitecore’s Content and Experience editing environment.


Prerequisites

  • Install Sitecore 10.4 from here
  • Download    Sitecore Connect™ for Content Hub SIF Package and Sitecore Connect™ for Content Hub WDP Package from here

  • Unzip the SCCH Sitecore Installation Framework package into the designated folder.
  • Execute the following command in PowerShell.
    \deploy.ps1 `
    -ScchWdpPackage “<path of SCCH module installation package downloaded>” `
    -InstanceName “<Sitecore instance name>” `
    -InstanceUrl “<Sitecore instance url>” `
    -SitecoreAdminUser “<Sitecore admin user name>” `
    -SitecoreAdminPass “<Sitecore admin password>” `
    -SqlInstanceName “<Sitecore SQL Database prefix name>” `
    -SqlUser “<SQL server user name>” `
    -SqlPass “<SQL server password>” `
    -SqlServerName “<SQL server name>” `
    -SkipDatabaseInstallation 1
    view raw SCCH DAM hosted with ❤ by GitHub
  • In ScchWdpPackage give a path of Sitecore.Connector.ContentHub.WDP.5.2.96-r00458.5768.scwdp.zip which you have downloaded previously.
  • To enable DAM on your Content Management server, open the web.config file and modify the configuration as shown below:
    • <add key="damEnabled:define" value="yes"/>
  • In Content Hub, go to manage and  then click on OAuth clients.
  • Enter all details and click on the Save button.

Configure CORS for DAM

  • Login into the Content hub, go to Manage and then click on Settings.

  • Search CORSConfiguration.
  • Enter your Sitecore instance URL, click on "Add," and then proceed to click on the "Save" button.

Create a User in Sitecore Content Hub

  • Go to Navigate to Content Hub, then go to Manage, and click on Users.
     

  • Click Add User and enter Username.

  • Within the M.Builtin.SitecoreDAM.Everyone user group, create a new rule for the M.Asset entity, and choose both Read and ReadPublicLinks permissions.
  • To assign the user to the group, navigate to the User groups tab, check the box next to the group name, and then click Select.
  • To access the sync blog entity, you need to have read permissions for M.Content.
  • Accessing the sync product entity requires read permissions for M.PCM.Product.
  • Then click Save.

Add Connection String

  • Add below connection strings in ConnectionStrings.config
    <add name="DAM.ContentHub" connectionString="ClientId={client_id};ClientSecret={client_secret};UserName={username};Password={password};URI={uri};" />
    <add name="DAM.SearchPage" connectionString="<Sitecore Content Hub search page URI>" />
    <add name="DAM.ExternalRedirectKey" connectionString="Sitecore" />
    view raw SCCH DAM Connection String hosted with ❤ by GitHub
  • Ensure that the URL of the Content Hub instance (e.g., content-hub-url.stylelabs.com), other delivery hostnames (e.g., content-hub-url-delivery.stylelabs.cloud), and generated public links (e.g., content-hub-url.stylelabs.com:8686) are included as sources in the Content-Security-Policy tag. Open the web.config and update below lines:
    <add name="Content-Security-Policy" value="default-src 'self' 'unsafe-inline' 'unsafe-eval' https://apps.sitecore.net;
    img-src 'self' data: https://content-hub-url.stylelabs.com/ https://content-hub-url-delivery.stylelabs.cloud/;
    style-src 'self' 'unsafe-inline' https://fonts.googleapis.com;
    font-src 'self' 'unsafe-inline' https://fonts.gstatic.com;
    upgrade-insecure-requests; block-all-mixed-content;
    child-src 'self' https://content-hub-url.stylelabs.com/ https://content-hub-url-delivery.stylelabs.cloud/;
    connect-src 'self' https://content-hub-url.stylelabs.com/ https://content-hub-url-delivery.stylelabs.cloud/;
    media-src https://content-hub-url.stylelabs.com/ https://content-hub-url-delivery.stylelabs.cloud/;" />
    view raw SCCH DAM web.config hosted with ❤ by GitHub

Set-up Redirection Settings for DAM

  • In Content Hub, go to manage and navigate to the Settings page, select Portal Configuration, and then choose Authentication.
  • Under the Providers node, adjust the authentication_mode value to Passive for all SSP providers and save the changes.

Test the DAM Connectivity

  • Go to your Sitecore instance and  in any image field, Browse Sitecore DAM will be visible
  • Click on the "Browse Sitecore DAM" button and it will display all media items from the Content hub.

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Sitecore 10.2 - “Failed to start service ‘Sitecore Marketing Automation Engine’” on Windows 11

Sitecore 10.2 - “Failed to start service ‘Sitecore Marketing Automation Engine' ” on Windows 11 Today I started to install Sitecore 10.2 using Sitecore Instance Manager on Windows 11 and I got this issue “Failed to start service ‘Sitecore Marketing Automation Engine' ” . Error : On event viewer it was showing the below error: I also tried to run ‘ Sitecore.MAEngine.exe ’ like this C:\Windows\system32>C:\inetpub\wwwroot\sclocal102xconnect.dev.local\App_Data\jobs\continuous\AutomationEngine\Sitecore.MAEngine.exe Which was throwing below error: Starting Marketing Automation Engine... 2022-01-29 22:21:11 ERR Error initializing XConnect client. System.AggregateException: One or more errors occurred. ---> Sitecore.XConnect.XdbCollectionUnavailableException: An error occurred while sending the request. ---> System.Net.Http.HttpRequestException: An error occurred while sending the request. ---> System.Net.WebException: The underlying connection was closed: An unexpected err...
Post a Comment
Read more

Azure AD Integration with Sitecore 10.2

 Azure AD Integration with Sitecore 10.2 Sitecore identity server that comes with Sitecore 9.1 allows you to log in through an external identity provider like Azure Active Directory, Facebook, Apple, or Google. It is built on Federation Authentication. What is Federation Authentication? Federation authentication is a technology to allows users to access multiples application, tools, and domains using one credential. Using one set of credential user can access multiple applications, and resources after authentication.  Federation authentication consists of two systems, the Identity provider and the Service provider. Identity providers that maintain/create/manage identity information like name, email address, device, and location. Some examples of identity providers are Azure AD, Google, Facebook, and Apple. Service providers basically refer to a website, software, or app that the user is trying to access and SP basically relies on the identity provider to authenticate the user ...
1 comment
Read more

Sitecore 9 Forms: Google reCaptcha field

Sitecore 9 Forms: Google reCaptcha field  Re-Captcha is the most important part of any form’s submission. Google reCaptcha run internet bot detector and determined whether a user is a bot or not.  Sitecore Forms does not provide Google reCaptcha field, which was available in WFFM before, so I have created my custom Google reCaptcha.   Below you can find step by step process to create Google reCaptcha field. Create patch config for reCaptcha Sitekey and SecretKey <?xml version="1.0"?> <configuration xmlns:patch="http://www.sitecore.net/xmlconfig/" xmlns:set="http://www.sitecore.net/xmlconfig/set/"> <sitecore> <settings> <setting name="ReCaptchaSiteKey" value="site-key" /> <setting name="ReCaptchaSecretKey" value="secret-key" /> </settings> </sitecore> </configuration> Create new viewmodel class RecaptchaViewMode...
6 comments
Read more