Hello,I am currently working with Adobe AEM 6.5 in an on-premises environment and would like to find a way to modify the HTML of web pages to automatically replace the img:src, link:href, and script:src attributes. Specifically: Resources with a path starting with /etc.clientlibs/ should be replaced with https://mycdn.it/etc.clientlibs/Resources with a path starting with /content/dam/ should be replaced with https://mycdn.it/content/dam/ Could you please guide me on the best approach to implement this solution ? Thank you in advance for your support.

Level 4

Solved

Adobe Aem - Rewrite Static Asset Urls

Forum|Forum|1 year ago
December 17, 2024
5 replies
1021 views

Hello,

I am currently working with Adobe AEM 6.5 in an on-premises environment and would like to find a way to modify the HTML of web pages to automatically replace the img:src, link:href, and script:src attributes. Specifically:

Resources with a path starting with /etc.clientlibs/ should be replaced with https://mycdn.it/etc.clientlibs/
Resources with a path starting with /content/dam/ should be replaced with https://mycdn.it/content/dam/

Could you please guide me on the best approach to implement this solution ?

Thank you in advance for your support.

Best answer by Shashi_Mulugu

@robertol6836527 Wwelcome to AEM Experience League community. you reached perfect place to get your AEM queried answered.

We have exact solution already implemented by our fellow Adobe Consulting experts under ACS commons. All it takes is to install ACS commons in your instance which is compatible with your AEM version and do the configuration.

https://adobe-consulting-services.github.io/acs-aem-commons/features/utils-and-apis/static-reference-rewriter/index.html

daniel-strmecki

Community Advisor and Adobe Champion

Hi @robertol6836527,

can you explain the purpose of this change? Why would you use absolute links? Relative links will work well in all AEM instances, with and without CDN.

Daniel

konstantyn_diachenko

Community Advisor

Hi @robertol6836527 ,

This task can be solved by implementing HTML Transformer. Take into account that this transformer can make worse HTML generation time.

Links:

- https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/html-transformer-with-aem-as-a-cloud-service/m-p/406412

- https://wttech.blog/blog/2019/how-to-use-sling-transformers-in-aem/

- https://medium.com/@toimrank/link-checker-and-transformer-381d4f245d12

- https://kiransg.com/2021/11/07/aem-transformer-best-practices/

Best regards,

Kostiantyn Diachenko.

Kostiantyn Diachenko, Community Advisor, Certified Senior AEM Developer, creator of free AEM VLT Tool, maintainer of AEM Tools plugin.

narendiran_ravi

Level 6

Hi, As @konstantyn_diachenko mentioned link transformer makes the page generation very slow . I would recommend to use proxy at CDN level when any request starts with /etc.clientlibs or /content/dam to map to cdn domain instead of sending request to dispatcher.

Shashi_Mulugu

Accepted solution

Community Advisor

@robertol6836527 Wwelcome to AEM Experience League community. you reached perfect place to get your AEM queried answered.

We have exact solution already implemented by our fellow Adobe Consulting experts under ACS commons. All it takes is to install ACS commons in your instance which is compatible with your AEM version and do the configuration.

https://adobe-consulting-services.github.io/acs-aem-commons/features/utils-and-apis/static-reference-rewriter/index.html