Site cover image

kohei-matsunobu-tech-blog

クラウド・プログラミング関連などのちょっとした気づきを書いてます!Notionでメモしていることを公開してます。このブログはスモールスタートしたばかりなので、UI/UXなどは定期的に改善予定です。

Post title iconAmplifyにRoute53で作成したドメインを設定する方法

Amplifyで、簡単にウェブアプリを構築できます。しかし、カスタムドメインを設定するとさらに本格的になります。この記事では、AmplifyプロジェクトにRoute 53で作成したカスタムドメインを設定する手順を解説します。

前提条件

  • AWS Amplifyアプリケーションが作成されていること
  • AWS Route 53でドメインが取得されていること

手順

Amplifyコンソールにログインし、該当アプリケーションを開く

Image in a image block

[ドメイン管理]セクションに移動し、[ドメインを追加]ボタンをクリック

Image in a image block

[ドメイン]からRoute53に登録済みのドメイン一覧が表示されるので、該当のドメインを選択し、[ドメインを設定]をクリックしてドメインを検証

Image in a image block

サブドメインは必要に応じて設定し、[保存]をクリック(私は設定しませんでした)

Image in a image block

ドメインの検証が完了するまで待機(ここでエラーが発生したらRoute53のレコード設定等見直す)

Image in a image block

実際にアクセスしてみると、いけました!

Image in a image block

以上、少しでもお役に立てれば