Skip to content

Latest commit

 

History

History
52 lines (31 loc) · 2.48 KB

amplify-add-subdomain.md

File metadata and controls

52 lines (31 loc) · 2.48 KB
title emoji type topics published
ドメイン取得サービスで取得したサブドメインだけをAmplifyアプリケーションに割り当てる
🅰️
tech
Amplify
AWS
DNS
true

はじめに

ドメイン取得サービスで取得したドメインのサブドメインだけをAmplifyアプリケーションに割り当てたいという場合、サブドメインにCNAMEレコードを設定することで実現できます。 今回はムームードメインをドメイン取得サービスとして利用します。

手順

ムームードメインでサブドメインを取得している前提で話を進めます。

Amplify Consoleでカスタムドメインを追加

まずはムームードメインで取得したドメインを設定します。 今回はサブドメインだけを割り当てたいので、ルートを除外し、取得したサブドメインを追加します。

ムームードメインでCNAMEレコードを設定

カスタムドメインを追加すると、SSLの設定が始まります。画面中央に表示されるサブドメインとCNAMEレコードをムームードメイン側で設定します。

追加でCNAMEレコードの追加を促されるので、アクション→DNSレコードを表示をクリックします。

CloudFrontのCNAMEレコードをムームードメイン側で設定します。

以上で設定は完了です。

ドメインがアクティベートされたら、ムームードメインで取得したサブドメインにアクセスし、Amplifyアプリケーションが表示されることを確認しましょう。

最後に

現時点では、デフォルトドメインであるxxx.amplifyapp.comからもアプリケーションにアクセスできてしまいます。 Amplifyではデフォルトドメインを無効化することはできませんが、デフォルトドメインへのアクセス時にカスタムドメインへリダイレクトさせる設定をしておくと良いと思います。 詳しい手順は以下の記事を参照してみてください。

https://dev.classmethod.jp/articles/tsnote-amplify-how-do-i-disable-the-default-domain-for-amplify-hosting/