Logo

dev-resources.site

for different kinds of informations.

Setting Up Custom Domain for API Gateway & CloudFront

Published at
12/25/2024
Categories
aws
acm
apigateway
cloudfront
Author
cheedge_lee
Categories
4 categories in total
aws
open
acm
open
apigateway
open
cloudfront
open
Author
11 person written this
cheedge_lee
open
Setting Up Custom Domain for API Gateway & CloudFront

During migrating one local host website to AWS, there are many point I need to write donw. Each article will be a short note, just keep as simple as possible to record the working steps, which makes it later can be quickly found, and also with a simple description. Therefore this serie will not be a detailed explain articles.

Preparing certificate

First we need the SSL/TLS cert, and how to apply it on AWS ACM can be found here.

CloudFront

API Gateway

  1. In API Gateway console click the custom domain names, add a domain name.
  2. Fill in the domain (subdomain) name same as the domain name in the certificate you apply before.
  3. Refresh the ACM certificate, and choose the one used for the domain name you filled in before, and add.
    • it will provide a API Gateway domain name, which used in next step, copy it.
  4. Next, go to the Domain Dashboard where you register your domain (eg. cloudflare), and create a new CNAME record.
    • The name for this record is your domain(subdomain).
    • the Target should be above copied new generated API Gateway domain name.
    • (option) in cloudflare make sure that SSL encryption Mode be Full or Full(strict)
  5. API Gateway Mapping.
    • under the Custom domain names -> your created domain name -> config API Gateway Mapping.
    • Select the API and the Stage. for me, it's BackendAPI and prod Stage. Then when I use this domain, I can not add prod as a path after the domain.
cloudfront Article's
30 articles in total
Favicon
Lee esto antes de implementar S3 y CloudFront usando Terraform.
Favicon
Lee esto antes de implementar S3 y CloudFront usando Terraform.
Favicon
Building an S3 Static Website with CloudFront Using Terraform
Favicon
AWS CloudFront: A Comprehensive Guide
Favicon
Configuring AWS WAF, CloudFront, and S3 Bucket for Secure Access
Favicon
Setting Up Custom Domain for API Gateway & CloudFront
Favicon
Apply SSL Certificate on AWS ACM (also Cloudflare)
Favicon
How to Fix Next.js CloudFront Permission Denied: Complete Guide to Static Export URL Issues
Favicon
Building Testable CloudFront Functions with TypeScript
Favicon
CloudFront and S3: SignatureDoesNotMatch , the request signature we calculated does not match the signature you provided
Favicon
Mastering Custom Responses in Amazon CloudFront to Block Behavior β€” Default(*)
Favicon
Unlock CloudFront's New Logging Potential with Athena Partition Projection
Favicon
Discovering the Latest Features of AWS CloudFront: Enhancing Performance andΒ Security
Favicon
Create an Asset Store with a Custom Domain using AWS CDK, Route53, S3 and CloudFront
Favicon
New Feature: Amazon CloudFront no longer charges (No Billing) for requests blocked by AWS WAF
Favicon
Reduce the amount of code in AWS CDK: Apply OAC in Amazon CloudFront L2 constructs
Favicon
Amazon Web Services (AWS) has announced today a new edge location in #Qatar
Favicon
Hosting a Static Website On S3 bucket With CloudFront.
Favicon
Setting up AWS S3 and CloudFront with Signed URLs using CDK
Favicon
Leveraging Lambda@Edge to seamlessly manage frontend maintenance window like a pro
Favicon
How to Resolve 403 Access Issues When Deploying a SPA on AWS with S3 and CloudFront
Favicon
Cloud Resume Challenge: Hosting a React CV using S3, CloudFront, Route 53, Lambda, DynamoDB and GitHub actions for CI/CD
Favicon
Deploying Static Website to AWS: A Step-by-Step Guide with S3, Route 53, and CloudFront
Favicon
Resolve Lambda URL Error - signature not match when using POST/PUT
Favicon
Setting Up and Securing CloudFront for S3 Static Sites with Custom Subdomains Using AWS Cloud Development Kit(CDK)
Favicon
How to Host a Static Website on AWS Using S3, Route 53, CloudFront, and Certificate Manager
Favicon
RTT Reduction Strategies for Enhanced Network Performance
Favicon
Dynamically Choosing Origin Based on Host Header and Path with AWS CloudFront and Lambda@Edge
Favicon
Understanding Speed: A Beginner's Guide to AWS CloudFront
Favicon
Deploy a Static React Site Using AWS S3 and CloudFront

Featured ones: