お名前.comで取得した独自ドメインをRoute53に設定してS3上のコンテンツにアクセスさせる

2019-08-15

ブログ

hugo · aws · route53

お名前.comで取得した独自ドメインをAWS上のブログで利用する方法を紹介します。

登場人物

ドメインNavi - お名前.comのドメイン管理用Webサービス。DNSサーバーの設定をここで行う。
Route53 - AWSのクラウドDNSサービス。ドメインとS3をここで繋ぐ。
S3 - AWSのクラウドストレージ。ブログの実体はここに配置。

やること

お名前.comで独自ドメインを購入

まずはお名前.comで好みのドメインを購入します。セット割りなどの誘惑がありますが、単体で利用するのであれば目的のドメインを一つ購入するので問題ないかと思います。

また、例えば xxx.com という名前で登録した場合、実際に利用する際はこの文字列の前にサブドメインをつけて blog.xxx.com などのように向き先を複数定義できるようにするはずなので、実際には一つのドメイン取得で複数のWebサービスの展開が可能になります。セット割りはよほど多様なサービスを展開する予定でない限り不要な気がします。

Route53でHostedZoneを作成

Route53にて[Create HostedZone]を選び、HostedZoneを作成します。以下は作成ボタンを押した直後の画面です。

作成が完了すると以下のような画面になります。ここで生成された値をお名前.com側に登録します。

お名前.comにAWSのDNSを登録

S3の設定変更

ここまで出来たらあとはRoute53とS3をつなぎ込めば完了です。
S3にてバケットの生成とコンテンツとなるファイルのアップロードが完了したら以下のように設定を行います。

Static Web Hostingの設定を以下のように入力します。 ①のURLはRoute53の設定でこのあと利用します。（プルダウンで選択できるのでメモる必要はなし）

続いて、以下の要領でパケットポリシーを入力します。

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "AddPerm",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::blog.gizwoo.com/*"
        }
    ]
}