Built In Domain Registrar for AWS Cloud Native
the easiest way to add domain name on top of AWS Amplify is to use AWS Route 53 due to the native integration between AWS Route 53 and Amazon Amplify.
AWS Route 53 used to procure and manage domain. The domain can be used across all AWS native component that exposed to public or internet.
Once we procure a domain name of route 53, the domain can be seamlessly integrated to our AWS Amplify applicaitons.
Benefit of Buying domain in AWS Route 53
Exposing a server to internet meaning increase the vulnerability of the application due to the open access for public. The server now can be accessed from anyone and anywhere from all over the world.
DNS will be managed by AWS Route 53 as well
One of the critical security mitigation to secure public server is to implement SSL certificates. If we buy the domain and register it via AWS Route 53, it will come with free SSL certificate so our domain will be accessed via HTTPS instead of HTTP (unsecure)
If a custom SSL needed, it can be configured on AWS Amplify. Generally the certificate provided by AWS route 53 is already sufficient.
Preparation
Choosing domain name
Go to AWS console and find route 53 services.
Route 53 Services to Register a Domain on AWS
Define your preferred domain name. Route53 can also check whether the domain name is already taken or still available.
once the checkout is completed, please wait until the domain is activated. Activation confirmation will be sent over the email. Usually it took less than an hour.
Monitor domain registration status
You can monitor the domain registration status on request page at Route 53 Services page.
Email confirmation on AWS Route 53 domain registration
they will also sent an confirmation email to indicate whether the domain registration is success or not.
Configuring domain on AWS Amplify
to activate the domain into our application that hosted on top of AWS amplify, we need to configure it inside the console.
Go to AWS Amplify and choose the apps which you want to add with a domain name.
Move into hosting section and select custom domains, then click add domain button on the right side.
Configure Custom domain on Amplify
Select the domain name that you want to bind with the apps.
Done, the domain has been binded. Wait a few minutes and be ready to test (access) it on the browser. To check the configuration status you can view it one the amplify console.
Ensure the domain binding status
Test the newly configured domain to AWS Amplify Apps
Once the configuration is completed you can now test it.
type the domain name in browser (https://your-registered-domain-name) and you should be able to access the AWS Amplify site.