{"id":60883,"date":"2024-03-21T11:50:30","date_gmt":"2024-03-21T06:20:30","guid":{"rendered":"https:\/\/2thenew.xyz\/blog\/?p=60883"},"modified":"2024-06-10T15:32:24","modified_gmt":"2024-06-10T10:02:24","slug":"enhancing-json-response-dynamically-in-aem-with-sling-filters","status":"publish","type":"post","link":"https:\/\/2thenew.xyz\/blog\/enhancing-json-response-dynamically-in-aem-with-sling-filters\/","title":{"rendered":"Enhancing JSON Response Dynamically in AEM with Sling Filters"},"content":{"rendered":"

In the realm of web development, customizing JSON responses dynamically based on specific criteria is a common requirement. Recently, our team encountered such a scenario in Adobe Experience Manager (AEM) where we needed to modify the JSON response based on a URL value within the response itself. In this blog post, I’ll walk you through our solution using Sling Filters in AEM, along with code snippets to illustrate the implementation.<\/span><\/p>\n

Understanding the Requirement<\/strong><\/h2>\n

Our requirement was to augment the main JSON response with additional data fetched from a URL provided within the response. Essentially, we needed to append the response from this URL to the main JSON structure before sending it back to the client.<\/span><\/p>\n

Solution Overview<\/strong><\/h2>\n

To achieve this dynamic modification of the JSON response, we leveraged Sling Filters in AEM. Sling Filters allow us to intercept requests and responses in AEM, making them a perfect fit for our use case. Here’s an overview of the solution:<\/span><\/p>\n

    \n
  1. Identify the URL within the JSON response:<\/b> We first needed to parse the incoming JSON response to locate the URL that contains the additional data we want to append.<\/span><\/li>\n
  2. Implement a Sling Filter:<\/b> We created a custom Sling Filter that intercepts the request and response. Within this filter, we extracted the URL from the JSON response and made an HTTP request to fetch the additional data.<\/span><\/li>\n
  3. Append data to the main JSON response: <\/b>Once we retrieved the additional data from the URL, we appended it to the main JSON response.<\/span><\/li>\n
  4. Return the modified JSON response: <\/b>Finally, we returned the modified JSON response to the client.<\/span><\/li>\n<\/ol>\n

    Implementation Steps<\/strong><\/h2>\n

    Let’s dive into the implementation details with code snippets:<\/span><\/p>\n

      \n
    1. Create the Sling Filter<\/b><\/li>\n<\/ol>\n
      @Component<\/span>(service = Filter.class, immediate = <\/span>true<\/span>, name = <\/span>\"TTN Custom JSON Filter\"<\/span>, property = {<\/span>\r\n<\/span>EngineConstants.SLING_FILTER_SCOPE + <\/span>\"=\"<\/span> + \u00a0 \u00a0 <\/span>\r\n<\/span> \u00a0 \u00a0 \u00a0 EngineConstants.FILTER_SCOPE_REQUEST,<\/span>\r\n<\/span> EngineConstants.SLING_FILTER_METHODS + <\/span>\"=\"<\/span> + METHOD_GET,<\/span>\r\n<\/span> EngineConstants.SLING_FILTER_PATTERN + <\/span>\"=\"<\/span> + <\/span>\"\/content\/ttn\/api\/v1\/offers\"<\/span>,<\/span>\r\n<\/span> EngineConstants.SLING_FILTER_SELECTORS + <\/span>\"=\"<\/span> + model,<\/span>\r\n<\/span> EngineConstants.SLING_FILTER_EXTENSIONS + <\/span>\"=\"<\/span> + <\/span>\"json\"<\/span> })<\/span>\r\n<\/span>\r\n<\/span>public<\/span> class<\/span> CustomJsonFilter<\/span> implements<\/span> Filter<\/span> {<\/span>\r\n<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>@Reference<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>private<\/span> HttpClient httpClient;<\/span>\r\n<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>@Override<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>public<\/span> void<\/span> doFilter<\/span>(ServletRequest request, ServletResponse response, FilterChain chain) <\/span>\r\n<\/span>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>throws<\/span> IOException, ServletException {<\/span>\r\n<\/span>try<\/span> {<\/span>\r\n<\/span> apiUrlResponseMap = <\/span>new<\/span> HashMap<>();<\/span>\r\n<\/span> SlingHttpServletRequest slingRequest = (SlingHttpServletRequest) request;<\/span>\r\n<\/span> SlingHttpServletResponse modelResponse = <\/span>new<\/span> \u00a0 offerSlingModelResponseWrapper((SlingHttpServletResponse) response);<\/span>\r\n<\/span> chain.doFilter(slingRequest, modelResponse);<\/span>\r\n<\/span> PrintWriter responseWriter = response.getWriter();<\/span>\r\n<\/span> updateJson(modelResponse.toString(), responseWriter);<\/span>\r\n<\/span> } <\/span>catch<\/span> (ServletException | IOException e) {<\/span>\r\n<\/span> logger.error(<\/span>\"doFilter: Exception Occurred: {}\"<\/span>, e.getMessage());<\/span>\r\n<\/span> }<\/span>\r\n<\/span>\r\n<\/span>\u00a0 \u00a0 }<\/span>\r\n<\/span>\r\n<\/span>\/**<\/span>\r\n<\/span>  * Iterates the json response of cms api<\/span>\r\n<\/span>  * <\/span>\r\n<\/span>  * @param modelResponse\u00a0 the response object<\/span>\r\n<\/span>  * @param responseWriter the printWriter object<\/span>\r\n<\/span>  *\/<\/span>\r\n<\/span> protected<\/span> void<\/span> updateJson<\/span>(String modelResponse, PrintWriter responseWriter) {<\/span>\r\n<\/span> \/\/ write down the logic to update the json response<\/span>\r\n<\/span> }<\/span>\r\n<\/span>\r\n<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>@Override<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>public<\/span> void<\/span> init<\/span>(FilterConfig filterConfig) <\/span>throws<\/span> ServletException {<\/span>\r\n<\/span>\u00a0 \u00a0 \u00a0 \u00a0 <\/span>\/\/ Do nothing<\/span>\r\n<\/span>\u00a0 \u00a0 }<\/span>\r\n<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>@Override<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>public<\/span> void<\/span> destroy<\/span>() {<\/span>\r\n<\/span>\u00a0 \u00a0 \u00a0 \u00a0 <\/span>\/\/ Cleanup logic<\/span>\r\n<\/span>\u00a0 \u00a0 }<\/span>\r\n<\/span>}<\/span><\/pre>\n
        \n
      1.  Implement HTTP Client Service<\/b><\/li>\n<\/ol>\n
        \/**<\/span>\r\n<\/span> * Http Request Data Service component that returns the API response in String<\/span>\r\n<\/span> *<\/span>\r\n<\/span> *\/<\/span>\r\n<\/span>@Component<\/span>(service = HttpRequestDataService.class, immediate = <\/span>true<\/span>)<\/span>\r\n<\/span>public<\/span> class<\/span> HttpRequestDataServiceImpl<\/span> implements<\/span> HttpRequestDataService<\/span> {<\/span>\r\n<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>@Override<\/span>\r\n<\/span>\u00a0 \u00a0 <\/span>public<\/span> String <\/span>invokeHttpRequest<\/span>(URL endpointUrl) {<\/span>\r\n<\/span>\u00a0 \u00a0 \u00a0 \u00a0 <\/span>\/\/ Make HTTP request to fetch additional data<\/span>\r\n<\/span>\u00a0 \u00a0 \u00a0 \u00a0 <\/span>\/\/ Return response body as String<\/span>\r\n<\/span>\u00a0 \u00a0 }<\/span>\r\n<\/span>}<\/span><\/pre>\n
        Conclusion<\/strong><\/h2>\n
        By utilizing Sling Filters in AEM, we successfully achieved dynamic modification of JSON responses based on specific criteria. This approach not only met our requirement but also demonstrated the flexibility and extensibility of AEM in handling diverse use cases.<\/span><\/p>\n
        <\/div>","protected":false},"excerpt":{"rendered":"
        In the realm of web development, customizing JSON responses dynamically based on specific criteria is a common requirement. Recently, our team encountered such a scenario in Adobe Experience Manager (AEM) where we needed to modify the JSON response based on a URL value within the response itself. In this blog post, I’ll walk you through […]<\/p>\n","protected":false},"author":1745,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":244,"footnotes":""},"categories":[5868,4488],"tags":[4847,5008,1521,5720],"class_list":["post-60883","post","type-post","status-publish","format-standard","hentry","category-adobe","category-web-content-management","tag-aem","tag-aemaacs","tag-sling","tag-slingfilters"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t