Part-1: Integrating Content Management Platform with Sitecore Connect Hub: A Step-by-Step Walkthrough

Integrating Content Management Platform with Sitecore Connect Hub: A Step-by-Step Walkthrough

Sitecore Content Hub's Content Marketing Platform (CMP) offers a unified solution for efficiently managing all content-related activities, including planning, creation, management, and distribution. In the previous blog, I discussed how to integrate DAM, and in this blog, we will explore the integration of CMP.

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 CMP on your Content Management server, open the web.config file and modify the configuration as shown below:
• <add key="cmpEnabled: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="CMP.ContentHub" connectionString="ClientId={client_id};ClientSecret={client_secret};UserName={username};Password={password};URI={uri};" />
  	<add name="CMP.ServiceBusEntityPathIn" connectionString="{Azure Service Bus connection string with outcoming topic}" />
  	<add name="CMP.ServiceBusSubscription" connectionString="{Subscription name}" />
  	<add name="CMP.ServiceBusEntityPathOut" connectionString="{Azure Service Bus connection string with incoming topic}" />

  view raw gistfile1.txt 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 the 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

Configure Azure Service Bus

• Create a service bus in Azure, you can check the reference here.

Create Content in Content Hub

• Log in to the Content Hub, click on the manage icon, and then select Actions
• Next, click on the New Action button to create a new action.

• Enter Name, Label, and Destination type also select M Azure Service Bus.

• Select Triggers from the manage section.

• Create a new trigger by clicking on the New Trigger button.

• In the General tab, enter the name of the trigger. For the objective, you can choose from Entity creation, Entity modification, or Entity deletion.

• In the Conditions tab, select the content type you want to sync along with any other conditions.

• In the Actions tab, select the action you created earlier.

• Open Sitecore Content Hub, click on the Manage icon and then select Content Types.

• Click on the Add type button.

• Enter a "Label" for the content types, and the Identifier and Prefix will be automatically filled. You can also change the Icon and Color if desired. Then click on the Save button. 

• It will create two sections "Content (CMP Demo)" and "CMP Demo details".

• In the Individual section, you can add members. To do so, click "Add Member," which will open a popup where you must select the field type, such as Boolean, Datetime, Decimal, Integer, etc.

• Enter Name, Label, and Help Text. Then click on the Save button.

• In Validation rules, you can enable Required if it is a required field.

• The field will be displayed in a section.

• Go to Content and then click on Search. Then click on the "+ Content" button and create a new page.
• Enter the Name of the page and in Type select the "CMP Demo" page.

• Enter detail in all fields and click on Save.
  

In Part 2, we will explore how to sync CMP demo pages in XM.