I have two angular app abc.com (main-app), and another xyz.com (sub-app), both are live on different URL.
I need a feature that when user hits abc.com/123, the home page of (sub-app) xyz.com should get open and then I can use the complete (sub-app) as individual app inside abc.com/123.
for ex., my (sub-app) has route name xyz.com/details then user should be able to see this component when it goes to abc.com/123/details.
So, here abc.com/123 needs to work same as a domain xyz.com with all similar functionalities (maybe you can think it like, abc.com/123 act as a sub-domain for (main-app) abc.com, but acts as main domain for (sub-app) xyz.com).
NOTE:
- Both apps are running on AWS, (S3 and CloudFront)
- There is a requirement to have both the sites running on different servers and code base also needs to be different
- I'm using angular v11 for abc.com, and v9 for xyz.com
Is there any way I can achieve this in angular? Please help, Thanks in advance.