Skip to main content

Connecting Sitecore Content Hub to Sitecore XM Cloud

The steps to connect Sitecore Content Hub to Sitecore XM Cloud is listed out in this Walkthrough

But below are notes from my setup experience.

Prerequisites 

A. Create a service account user called “XMconnectServiceUser” (that has an email associated with it) using the doc link. You should create a password at the end of this step

B. Create an OAuth client by going to the “OAuth clients” section of the Manage admin page (gear icon in top right nav) in Content Hub. 

Name: Content Hub “Env” Connector example: Content Hub Dev Connector
Client ID: Any GUID example: 5fd3b02d-aad7-4a18-b1b9-c63a9a69fd7c
Client Secret: Any GUID example: 0b055826-c14e-44fa-b206-cff37499e229
Redirect Url: The Content Hub Url example: https://dom-d-001.sitecorecontenthub.cloud/
Client Type: Client Credentials
Users: XMconnectServiceUser

We can follow the Walkthrough for the following two sections.
1. Configure and enable the DAM connector in the XM Cloud Deploy app
2. Configure CORS for DAM


Conclusion

After the above steps are completed make sure to deploy once to the corresponding environment so the newly added variables take effect. To test go to the Pages application in XM cloud. Try to add an image to a component that takes an image. There should be a tab for Content Hub, click on it. You would get a popup window that you should use to login to Content Hub. That’s it, you should see the approved assets from content hub and be able to add them to your Pages. As long as these config variables are not deleted, the connection will continue to work. Happy XM Cloud Sitecoreing.

Comments

Popular posts from this blog

Back-End and Front-End Development in Sitecore XM Cloud

  Understanding the Roles In Sitecore XM Cloud, back-end developers primarily manage content models, custom APIs, and data within the Sitecore CMS backend. On the other hand, front-end developers focus on building the user interface and interactions using a JavaScript framework like React, consuming content from the backend via GraphQL endpoints. The headless CMS architecture of Sitecore XM Cloud allows the front-end to be largely decoupled from the back-end, providing flexibility in technology choices and development workflows. Back-End Developer Responsibilities Back-end developers in Sitecore XM Cloud are responsible for: Deployment of all custom components to XM Cloud. Synchronizing components, code, and content between Prod and Non-Prod environments. Answering questions from content authors regarding component usage, troubleshooting site load, caching, and component versions. Troubleshooting Edge CDN issues related to content updates. Designing and managing content structures,...

Create Object XML while Debugging in VS

 There are times when you put breakpoints in Visual studio and read object values within Visual Studio. This is all good if you are doing some debugging. But if you want to save an object like a Json object in Visual studio there isn't a straightforward way to do that. I found this piece of code that I copied and pasted in the Immediate Window in Visual Studio and was able to save the object as an XML file. (new System.Xml.Serialization.XmlSerializer(YourObject.GetType())).Serialize(new System.IO.StreamWriter(@"c:\tmp\YourObject.xml"), YourObject) Happy Sitecoreing!

Adding Entra ID Auth to a Blazor App

I wanted to take the time to write up this article since I found it useful when working on Blazor Apps. Althought this is not Sitecore related, I think it will be useful if we need to build an admin .NET portal. Additionally most organizations already have Entra ID if they use Microsoft apps and building Entra ID Authentication wont add costs like other Authentication methods would. To get started make sure the following packages are available (using NuGet) in your solution. Microsoft.Identity.Web Microsoft.Identity.Web.UI Azure.Security In your Program.cs file, add the following using Microsoft.AspNetCore.Authentication.OpenIdConnect; using Microsoft.Identity.Web; using Microsoft.Identity.Web.UI; // Add Microsoft Entra ID authentication builder.Services.AddAuthentication(OpenIdConnectDefaults.AuthenticationScheme) .AddMicrosoftIdentityWebApp(builder.Configuration.GetSection("AzureAd")); builder.Services.AddAuthorization(options => { options.FallbackPo...