Amplify Hosting のデフォルトドメインを無効化する方法を教えてください

2022.05.24

困っていた内容

Amplfiy Hosting でカスタムドメインを使用しています。
アプリケーションへのアクセスをカスタムドメインからのアクセスのみにしたいので、デフォルトドメインである amplifyapp.com を無効化する方法を教えてください。

どう対応すればいいの?

Amplify Hosting のデフォルトドメインである amplifyapp.com は無効化できません。
代替案として、デフォルトドメインへのアクセス時にカスタムドメインへリダイレクトさせる方法をご検討ください。

Using redirects - AWS Amplify Hosting

やってみた

Amplify Hosting のデフォルトドメインである amplifyapp.com からカスタムドメインへリダイレクトする方法をやってみます。
Amplify Hosting で利用するアプリケーションは CodeCommit に push してあります。
また、使用するカスタムドメインは makoto-test.tk というドメインです。

まずはデフォルトドメインである amplifyapp.com でアプリにアクセスできることを確認します。

デフォルトドメインの URL でアプリにアクセスできました。
続いてカスタムドメインを登録します。

今回使用するドメインは AWS 外で取得したものを Route 53 のホストゾーンに登録しています。

登録するとドメインの検証が始まるので、しばらく待ちます。
カスタムドメインの登録が完了したら、カスタムドメインでもアプリにアクセスできることを確認します。

カスタムドメインでもアプリにアクセスできました。
それではデフォルトドメインである amplifyapp.com からカスタムドメインである makoto-test.tk へリダイレクトさせる設定を行います。
Amplify コンソールの左サイドバーから「書き換えて、リダイレクト」をクリックします。

「編集」をクリックします。

以下のように設定します。
・送信元アドレス: デフォルトドメインの URL
・ターゲットアドレス: カスタムドメインの URL
・入力: 301 (リダイレクト - 固定)

リダイレクトの設定後に、デフォルトドメインの URL にアクセスし、カスタムドメインの URL にリダイレクトすることを確認します。
開発者ツールで確認すると、確かにリダイレクトされていることが確認できました。

なお、リダイレクトの設定は上から順に評価される点にご注意ください。

Using redirects - AWS Amplify Hosting より

Redirects are executed from the top of the list down. Make sure that your ordering has the effect you intend. For example, the following order of redirects causes all requests for a given path under /docs/ to redirect to the same path under /documents/, except /docs/specific-filename.html which redirects to /documents/different-filename.html:

参考資料