カテゴリー
【AWS】API GatewayのAPIエンドポイントをカスタムドメイン名を付けてRoute53で公開する基本的な手順
※ 当ページには【広告/PR】を含む場合があります。
2020/04/18
2021/08/02

サーバーサイドレンダリング?
AWS Lambda
AWS API Gateway
https://**********.execute-api.ap-northeast-1.amazonaws.com/{stage}
1. カスタムドメインのSSL証明の発行(https化)
2. API Gateway側へカスタムドメイン情報を設定
3. Route3側へカスタムドメイン情報を設定
Route 53
AWS Certficate Manager (ACM)でSSL証明を発行する
https
1. [証明書のリクエスト]
2. [パブリック証明書のリクエスト]
3. "ドメイン名の追加"で[ドメイン名*]を入力 -> [次へ]
4. 検証方法の選択 で DNS の検証 を選んで確認
5. 内容を確認ご 確定とリクエスト
6. 検証 確認 (ドメイン名は正しく記入できているかをチェックしてください)
7. 検証保留中となっている間、DNSの検証 '▶' を展開
→ [Route 53 でのレコードの作成] をクリックするとRoute 53 に CNAME が反映
8. 状況の項目が"発行済み"になるまで待機

https://www.hogehoge.com
https://hogehoge.com

tacoskingdom.com
*.tacoskingdom.com
API Gatewayへカスタムドメインを設定する
1. "カスタムドメイン名"のサイドメニューをクリック
2. [カスタムドメイン名の作成]
3. 新しいカスタムドメイン名で:
ドメイン名: sub-domeain.example.com(例)
エンドポイントの設定: エッジ最適化
ACM 証明書 (us-east-1): さっき発行した証明書を指定
(ACM 証明書 ... 初期化しています..)
-> 最大40分かかる模様
4. ベースパスマッピングの追加
[編集]をクリック:
パス: (特定のパスを使わない場合はブランクでOK)
送信先:
デプロイ済みのAPIとステージ名を指定


xxxxxxxxxxxxxx.cloudfront.net
Route 53の各レコードを設定する
1. サイドメニューより'ホストゾーン'をクリック
2. ターゲットのカスタムドメインを選択
3. [レコードセットの作成]
名前: sub-domeain.example.com(例)
タイプ: A - IPv4 address
エイリアス: はい
: xxxxxxxxxxxxxx.cloudfront.net(先ほど生成されたターゲットドメイン名)
4. [作成]

必要最小限
参考
記事を書いた人
ナンデモ系エンジニア
主にAngularでフロントエンド開発することが多いです。 開発環境はLinuxメインで進めているので、シェルコマンドも多用しております。 コツコツとプログラミングするのが好きな人間です。
カテゴリー