Get All content types from ContentTypeHub using SharePoint Rest API v2 using JavaScript

Why get the content type from Content Type Hub(CTH)?

Content Type Hub is a centralized location where we manage and publish content types to other web applications. Content Type Hub is actually a Site Collection. 
"In simple words, it is one place where you get to manage all the content type present in a tenant."
To get all the Content Type from ContentTypeHub using REST API V2.* becomes easy now. It involves only the following two steps:
  • Get the site ID of the ContentTypeHub
    • https://{YourtenantURL}/sites/contentTypeHub/_api/site
  • Get all content types
    • https://{YourtenantURL}/_api/v2.1/sites/{siteID of ContentTypeHub}/contentTypes
Step 1:

I am getting the site ID of the ContentTypeHub by calling the REST API. As this is still from V1.0 endpoint, after '/api' , there is no need to mention the endpoint version. 

In the success method, I am calling the method getAllContentTypes which will get the content types.

  1. var siteURL=_spPageContextInfo.siteAbsoluteUrl;  
  2. var rootURL= siteURL.substring(0,siteURL.indexOf("/sites"));  
  3. $.ajax({  
  4.     url: rootURL +"/sites/contentTypeHub/_api/site",  
  5.     method: "GET",  
  6.     headers: {  
  7.         "Accept": "application/json",  
  8.         "Content-Type": "application/json"  
  9.     },  
  10.     success: function(data) {  
  11.        let siteID= data.Id;  
  12.         getAllContentTypes(siteID);  
  13.     },  
  14.     error: function(data) { 
  15.         alert("Error: " + data);   
  16.     }  
  17. });  


Step 2:

Now that we have the site unique GUID from step 1, we can get all the content types using the V2.* endpoint. Here, we need to mention the version after '/api'. The endpoint returns all the content type present in the tenant.

  1. function getAllContentTypes(siteID){  
  2.     $.ajax({  
  3.     url: rootURL +"/_api/v2.1/sites/"+siteID +"/contentTypes",  
  4.     method: "GET",  
  5.     headers: {  
  6.         "Accept": "application/json",  
  7.         "Content-Type": "application/json"  
  8.     },  
  9.     success: function(data) {  
  10.         let allContentType= data.value;  
  11.         console.log(allContentType);      
  12.     },  
  13.     error: function(data) {
  14.         alert("Error: " + data);  
  15.     }  
  16. });  
  17. }  

Comments

Post a Comment

Thank you for your comment.

Popular posts from this blog

Save Location details to SharePoint Location column through SPFx and PnP JS

Image
The Location field in SharePoint has been announced in February 2019 - ( https://techcommunity.microsoft.com/t5/sharepoint/add-location-details-to-sharepoint-data-and-content/m-p/284875 ). Before this announcement, data has been saved as addresses and coordinates(Latitude, Longitude) in different columns in SharePoint because if they have to be filtered by address, city, or state.    The data of the location column is saved with all these details: Image 1 If you want to save only the coordinates, you can pass only that value to the location column while saving the item. If you want to save, only the address like city, country and Pincode, you can pass only those values to the location column. I initially thought because it is a location column you have to pass the coordinates for saving. But, there is no mandatory value that needs to be passed to save the value for the location column and that is really useful.  Save Location Details through SPFx/PnP JS: In this exam...
Read more

JavaScript Tips and Tricks - I

Image
I decided to write a series of coding tips and tricks that I follow while writing my code. This series will help Javascript developers to have a good judgement when to use them and helps to build a quality application. Now, let's jump into the first one. Ternary Operator: It is commonly referred to as the conditional operator , inline if (iif) , or ternary if . I personally use this one in most of my codes. Before jumping into how to use them, let study why to use them. when you write an if block, first you declare the variable outside the if block, so that you can use them after the if block. So a simple condition takes a two-block.   Block 1 for variable assignment and Block 2 for executing the condition.   A minimum of 6 to 7 lines of code required. Let's see how ternary operator makes it more concise.  The conditional (ternary) operator is the only JavaScript operator that takes three operands: a condition followed by a question mark (?), then an expression...
Read more

Create And Deploy Outlook Add-Ins Using SPFx 1.10

Image
These are simple steps to create your first Outlook add-in from the SharePoint framework 1.10 version. The integration of SharePoint Framework lets you use all of the tools of SPFx, including access to Graph APIs, along with the rich, native JavaScript APIs that are available across applications. Please note that it is still in Preview mode.   Prerequisites Node version 10 LTS Latest Yeoman and gulp Visual studio code For more details, Please follow check Microsoft docs for  Setting up your SharePoint Framework development environment .   Development Steps Run the following command:   yo @microsoft/sharepoint --plusbeta   For the below question, select yes, as the solution needs to be deployed, tenant scoped.    Do you want to allow the tenant admin the choice of being able to deploy the solution to all sites immediately without running any feature deployment or adding apps in sites?  Y   Select the framework you would want to use. I preferre...
Read more