How to deploy a website and webservice in AWS using same domain name

Question

We have to deploy Restful Webservice(API services) and static pages in the AWS environment. Currently, our Webservice is hosted in EC2 instance with one ELB and Route53. Also, the static pages are deployed in the S3 bucket. The Webservice and Website, both should be in the same domain.

When the user calls "www.domain.com/" it should be routed to the S3 server. However the API calls (www.domain.com/api/**) should be routed to EC2 through ELB. Is there any way to route API calls to ELB and website access calls to S3 using Route53? or What is the best approach to resolve this?

Answer 1

Yes, you can deploy both using the same domain name. APIs should be deployed using api.domain.com and websites can deploy using domain.com. For that, you need to purchase an SSL certificate with a domain name and subdomain (eg: https://example.com and https://api.example.com) support and do the following.

1. Configure certificate in AWS ACM
2. Deploy your website in the S3 bucket with CloudFront
3. Deploy APIs in EC2 with the support of a Load balancer (ELB)
4. Configure Route53 and define two routes. Ie, create Records with 'A record type' in Route53 with ELB address and CloudFront address. See sample deployment architecture