However, a unique challenge arises \u2013 the content of this component must adapt based on the geographical location of the user. This is where the power of context-aware configuration in AEM comes into play, facilitating the display of distinct configuration values for the same component on pages catering to different locations.<\/span><\/p>\n When building a multi-national website with AEM, you may need to use different configurations for different country-specific pages.\u00a0<\/span><\/p>\n However, creating a separate configuration file for each country can be complex and error-prone. Instead, you can use the context-aware configuration feature in AEM to define one configuration class file with different configurations for multiple contexts. This approach simplifies your development process and reduces the risk of errors.<\/span><\/p>\n 1. Context-aware configuration: To manage site-specific configurations, we can create a configuration class that defines configurations.<\/span><\/p>\n In the configuration class, we can define a set of properties that specify the default configuration values.<\/span><\/p>\n 2. Using a model class to retrieve configurations<\/b><\/p>\n To use the Configuration class in our components, we need to create a model class that adapts to the configuration. <\/span>Inside the Model class, we create a function that takes currentPage and ResourceResolver as Input.<\/span><\/p>\n Context-aware configurations are built on top of context-aware resources. The same concept is used: configurations are named and the service to get them is the ConfigurationResolver. You can get a reference to the OSGi service <\/span>org.apache.sling.caconfig.ConfigurationResolver<\/span> – It has a single method to get a ConfigurationBuilder. Alternatively, you can directly adapt your content resource directly to the ConfigurationBuilder interface and get the configuration:-<\/span><\/p>\n The ConfigurationBuilder also supports getting the configurations as ValueMap or by adapting the configuration resources, e.g., to a Sling Model. In this case, we have to specify a configuration name that is otherwise derived automatically from the annotation class.<\/span><\/p>\n Internally, the ConfigurationResolver used the ConfigurationResourceResolver to get the configuration resources. It always uses the bucket name <\/span>sling: configs<\/span>.<\/span><\/p>\n Call that function by @PostConstruct annotation, where all variables get values from configuration.<\/span><\/p>\n 3. Create Component<\/b><\/p>\n Inside the component, Model is used by data-sly-use and shows all values that it returns from Model on the page.<\/span><\/p>\n 4. Create folders<\/b> for every content resource inside \/conf\/mysite.<\/span><\/p>\n These folders are of jcr:primaryType = sling: folder.<\/span><\/p>\n For example:-<\/span><\/p>\n inside \/conf\/mysite ca,ca_b1,ca_bk are the folders of jcr:primaryType = sling:folder, and inside of these folders create folders sling:configs of the same type.<\/span><\/p>\n 5. Create a Configuration node.<\/b><\/p>\n Create a Configuration Node for every folder of jcr:primaryType = nt:unstructured.<\/span><\/p>\n And define values for every node according to the context.<\/span><\/p>\n 6.<\/strong> Inside \/content\/mysite under the specific site hierarchy, add property sling:configRef = [path of the folder that has a configuration for that specific site] in jcr: content.<\/span><\/p>\n For example:-<\/span><\/p>\n When we use a component on any page, it takes configuration according to sling:configRef path.<\/span><\/p>\n If for some hierarchy configuration is not defined, then it inherits from the parent one; that is, in our case, if we do not define sling:configRef in ca\/b1\/jcr:content that it picks configuration values from ca, i.e., from a parent.<\/span><\/p>\n For Ca =><\/b><\/p>\n For CA_b1 =><\/b><\/p>\n For CA_bK =><\/b><\/p>\n If we remove sling:configRef Property from \/content\/mysite\/ca\/b1\/jcr:content then it <\/span>inherits<\/span> values from\u00a0<\/span><\/p>\n Use Case Imagine you have a special part on your website that shows different information based on where the website visitor is from. Let’s call it the “Location Info” part. This part is used in many places on the website, like different pages. Now, some places on the website have different needs \u2013 they want […]<\/p>\n","protected":false},"author":1652,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":906},"categories":[5868],"tags":[5473,5472],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/58732"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/1652"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=58732"}],"version-history":[{"count":2,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/58732\/revisions"}],"predecessor-version":[{"id":59113,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/58732\/revisions\/59113"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=58732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=58732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=58732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}What is <\/b>Context-aware configuration<\/b><\/h2>\n
![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image1-1-1024x162.png\")
<\/p>\nSteps for Implementation of Context-Aware Configuration<\/b><\/h2>\n
![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image2-1.png\")
The @Configuration\u00a0 annotation is mandatory.<\/b><\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image3-1-1024x300.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image4-1-1024x176.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image5-1024x182.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image6-1024x178.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image7.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image8.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image9-1024x180.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image10-1024x246.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image11-1024x191.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image12.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image13.png\")
<\/p>\nResults<\/b><\/h2>\n
![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image14.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image15.png\")
<\/p>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image16.png\")
<\/p>\n\/content\/mysite\/ca\/jcr:content i.e parent.<\/span><\/pre>\n![\"\"](\"\/blog\/wp-ttn-blog\/uploads\/2023\/09\/image17.png\")
<\/p>\n