dayjournal memo

Total 963 articles!!

Try #087 – AWS AmplifyでGoogle Domainsの独自ドメインホスティング環境を構築してみた

Yasunori Kirimoto's avatar

img




AWS AmplifyでGoogle Domainsの独自ドメインホスティング環境を構築してみました!



今回は、Google Domainsで取得した「.dev」ドメインをAWS Amplifyで利用する方法をためしてみました。



事前準備



Amplify Consoleで独自ドメイン設定

はじめに、Amplify Consoleで独自ドメイン設定をする方法です。


Google Domainsで取得した「.dev」ドメインを「ドメイン管理」で設定します。

img


リダイレクトとSPAのルーティング対応を設定します。

img


「ドメイン管理」 → 「アクション」 → 「DNSレコードの表示」をクリック。CNAMEの情報をメモします。

img


Amplifyの設定はこれで完了です。



Google Domainsで独自ドメイン設定

最後に、Google Domainsで独自ドメイン設定をする方法です。


Google Domainsにアクセス → 対象のドメインの「管理」をクリック。

img


対象ドメインの管理画面で「DNS」をクリック。

img


Amplifyで取得したCNAMEの情報を入力 → 「保存」をクリック。設定後「ウェブサイト」をクリック。

img


転送元に「@」、転送先に「.dev」ドメインを入力 → オプションを設定 → 「転送」をクリック。

img


正常に設定されるとWebSiteのプレビューが表示されます。

img


設定した「.dev」にアクセスするとWebSiteが表示されます。

img


最後に、PageSpeed Insightsで移行前の環境と移行後のAmplify(CloudFront & S3)でWebSiteのパフォーマンスを測定してみました。パフォーマンスがかなりよくなりました!

img



AWS Amplifyについて、他にも記事を書いています。よろしければぜひ。
tags - AWS Amplify



book

Q&A