1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

AmplifyにXドメインの独自ドメインを設定する方法

Last updated at Posted at 2024-08-20

アプリケーションのデプロイについては省略します。

今回は手持ちのドメインのサブドメインとして登録してみます。

設定方法

  1. Amplify の設定画面から ホスティングカスタムドメイン を開きます。
    ドメインを追加 を押下します。

    01.png

  2. 設定したいドメイン名を入力します。
    手動設定 を選択し、 ドメインを設定 を押下します。

    02.png

  3. サブドメインを確認し、問題がなければ Amplify マネージド証明書 を選択して ドメインを追加 をクリックします。

    03.png

  4. 表示された 3種類の CNAME をXドメインに設定していきます。

    04.png

  5. Xドメインの設定画面を開き、 DNSレコード設定 を開きます。
    Amplify に設定したいドメインの 選択する を押下します。

    05.png

  6. DNSレコード設定を追加する を押下します。

    06.png

  7. Amplify のカスタムドメイン設定で表示された3種類の CNAME を順に登録していきます。

    1. 所有権確認用の CNAME

      07.png
      08.png

    2. 設定したいドメインの CNAME

      09.png
      10.png

    3. www 用のドメインの CNAME

      11.png
      12.png

  8. DNSレコードの設定が終わると、 Amplify のドメインも自動的に反映されます。
    反映されるまでしばらく待ちます。
    今回は10分くらいで反映されました。

    13.png

  9. 最後に設定したドメインでアクセスができるか確認して完了です。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?