How to CNAME to Amazon API Gateway Endpoint
Set up Amazon's API Gateway Custom Domain with CloudFlare
In your AWS management console go to the API Gateway service and select
Custom Domain Names
from the left menu.Click the
Create
button.Log into CloudFlare, select your domain and open the
Crypto
tabGo to
SSL
and set your SSL mode to "Full (Strict)" to avoid a redirect loop.Go to
Origin Certificates
and clickCreate Certificate
Let CloudFlare generate a private key and a CSR and choose RSA as the private key type
Make sure that the hostname for your custom API domain is covered. (e.g.
api.mydomain.com
. You can specifically configure this custom domain or use a wildcard such as *.mydomain.com as is configured by default.Pick
PEM
as the key format which is selected by default.In AWS switch to region
US-EAST-1
and goto theCertificate Manager
.Click
Import a Certificate
.Copy the certificate body from your CloudFlare certificate to Certificate body to the configuration of the custom domain in the AWS Management Console.
Copy the Private key to the certificate private key field in the console
In the certificate chain copy the Cloudflare Origin CA - RSA Root which can be found here.
Enter your custom domain name in the AWS console and a name for your certificate
Now the custom domain name will be created in AWS CloudFront. It can take up to an hour before the domain becomes active.
The next thing you need to do is set up the mappings of the custom domain in the AWS Console.
The final step is to create a new
CNAME Record
in CloudFlare to link your domain to the CloudFront url. When you open the settings page of your custom domain in the AWS console copy the Distribution domain name. This is the domain you need to use when creating the newCNAME Record
.
Source
I couldn't get any of the other answers to work. So I ended up having AWS generate the certificate instead of using a Cloudflare Origin one. That's because AWS wouldn't accept my Cloudflare certificate, even when the chain was provided. I couldn't see Cloudflare in Mozilla's Certificate Authority list (which is what AWS relies on, according to the docs) so I guess that makes sense.
Here's the outline of my solution:
- Create AWS Route53 Zone
- Create AWS ACM Certificate (must be in us-east-1) with validation method DNS
- Create Cloudflare DNS Record with the output of (2)
- Create AWS API Gateway Domain Name
- Create Cloudflare DNS CNAME Record pointing '@' (root domain) to the Cloudfront domain name from step (4)
- Create AWS API Gateway Base Path Mapping
This should be roughly it. May this help someone. Feel free to ask questions.
NOTE: It seems this method doesn't work anymore as AWS now only accepts certificates from certain authorities. I haven't tested it myself, but the answer by Gunar looks promising.
There are several reasons why it doens't work to simply point Cloudflare at your API Gateway domain and call it a day:
- API Gateway uses shared hosting so it uses the domain name to figure out what API to send requests to. It has no way of knowing that
api.yourdomain.com
belongs to your API. - API Gateway requires that you use
https
, but the certificate that it uses is only valid for the default domain.
There is a solution, however. Here are the steps that I followed when I recently set this up:
- Generate an origin certificate from the crypto tab of the Cloudflare dashboard.
- Import the certificate to AWS Certificate manager in the
us-east-1
region, even if your API is located in a different region. If you are prompted for the certificate chain you can copy it from here. - Add your custom domain in the API Gateway console and select the certificate you just added. Check the AWS support article for more information on how to do this.
- It usually takes about 45 minutes for the custom domain to finish initializing. Once it's done it will give you a new Cloudfront URL. Go ahead and make sure your API still works through this new URL.
- Go to the Cloudflare DNS tab and setup a CNAME record pointing to Cloudfront URL you just created.
- Switch to the crypto tab and set your SSL mode to "Full (Strict)". If you skip this step you'll get a redirect loop.
That's it. Enjoy your new highly available API served from your custom domain!
Both existing answers to this question are correct, but if the issue still persists even after following these directions perfectly, try going into the API Gateway settings, navigate to "Custom Domain Name" and configure the Base Path Mappings.
This was the missing step that solved all my problems.