Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

React Components // SPA // Url Shortening

Avatar

Level 2

Hi,

 

We are creating react components based on SPA framework but we have extended it to be multi-page applications using react based component. Now we want to implement URL shortening. for that, we are creating a mapping in jcr resource resolver mapping and rewrite rules to hide "/content/XXX". Now when we are making a request to page without /content/XXX/en/abc.html like /en/abc.html then all calls are 200 included model.json for the page but the react components are not able to map it where if I make a request /content/XXX/en/abc.html then the same response is coming back but the page is getting rendered.

 

So is there i way that we can implement url shortening for react SPA framework(from official documentation, I understand that this feature is not supported OOTB) but is there any other alternative which we can use to implement the URL shortening.

 

Thanks,

Sudesh

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

SPA
1 Accepted Solution

Avatar

Correct answer by
Community Advisor
8 Replies

Avatar

Correct answer by
Community Advisor

Avatar

Employee Advisor

@sudesh_16To me it looks like the reverse mapping is not happening i.e. the subsequent requests are not mapped to the domain. Try adding Sling mappings (/etc/map entries) and that should hopefully take care of reverse mapping.

Avatar

Level 2

we have used vanity URL feature provided by AEM, worked pretty well for us

Avatar

Level 3

@sudesh_16 , Did you get any solution for the issue? I am also facing same issue.

Avatar

Level 3

Yes, I gave custom implemetation to the HierarchyPageImpl class and removed "/content/project-name/en" from getExportedPath() method if it is in publish mode. (fetch runmode slingSettingsService.getRunModes()).

Also removed  removed "/content/project-name/en" from all the routing links if it is in publish mode.

Avatar

Level 1

Thanks @nasrinj114 . What AEM and SPA version are you using? I think the latest one is not having HierarchyPage anymore.