AWS AmplifyでGoogle Domainsの独自ドメインホスティング環境を構築してみました!
今回は、Google Domainsで取得した「.dev」ドメインをAWS Amplifyで利用する方法をためしてみました。
事前準備
- Amplifyで静的サイトホスティング環境構築
Try #083 – AWS Amplifyで独自ドメインホスティング環境を構築してみた
Amplify Consoleで独自ドメイン設定
はじめに、Amplify Consoleで独自ドメイン設定をする方法です。
Google Domainsで取得した「.dev」ドメインを「ドメイン管理」で設定します。
リダイレクトとSPAのルーティング対応を設定します。
「ドメイン管理」 → 「アクション」 → 「DNSレコードの表示」をクリック。CNAMEの情報をメモします。
Amplifyの設定はこれで完了です。
Google Domainsで独自ドメイン設定
最後に、Google Domainsで独自ドメイン設定をする方法です。
Google Domainsにアクセス → 対象のドメインの「管理」をクリック。
対象ドメインの管理画面で「DNS」をクリック。
Amplifyで取得したCNAMEの情報を入力 → 「保存」をクリック。設定後「ウェブサイト」をクリック。
転送元に「@」、転送先に「.dev」ドメインを入力 → オプションを設定 → 「転送」をクリック。
正常に設定されるとWebSiteのプレビューが表示されます。
設定した「.dev」にアクセスするとWebSiteが表示されます。
最後に、PageSpeed Insightsで移行前の環境と移行後のAmplify(CloudFront & S3)でWebSiteのパフォーマンスを測定してみました。パフォーマンスがかなりよくなりました！
AWS Amplifyについて、他にも記事を書いています。よろしければぜひ。
tags - AWS Amplify
