AWSのRoute53にドメイン追加するまでの備忘録

# はじめに
- 以前、[AWSのLightsailにWordPressを導入](https://qiita.com/Toyoizumi-Hiroyuki/items/dc72b467dc8052c99976)して、Webサイトを構築しました。
- 今回は、構築したWebサイトで使用するドメインを`Route53`に追加しました。
- その時の手順を備忘録としてまとめました。
- [お名前.com](https://www.onamae.com)で取得したドメインを使用します。

# 動作環境
- macOS Catalina 10.15.4

# 1. Route53コンソールでの作業
- AWSコンソールへアクセスして、サインインします。 
![Fig1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/589872e6-48d0-5a82-c176-074ee7dcc7b2.png "Fig.1")
- `サービスを検索する`に`Route 53`と入力します。
- `Route53`コンソールへアクセスします。
![Fig2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/139b36bc-4eff-2855-d6a7-40196ad9786f.png "Fig.2")
- 今回は、お名前.comで既にドメインを取得しているので、`DNS管理`の`今すぐ始める`をクリックします。
![Fig3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/3521c2aa-caa1-029a-0685-0432319ae4e9.png "Fig.3")
- `ホストゾーンの作成`をクリックします。
![Fig4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/9d69507d-e601-5bf8-dd57-b75df983426e.png "Fig.4")
- ホストゾーンの一覧が表示されます。
- `ホストゾーンの作成`をクリックします。
![Fig5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/6409923d-a270-7243-103e-21a208b80ea0.png "Fig.5")
- 下記項目を入力します。
   - `ドメイン名`：`お名前.comで取得したドメイン`
   - `コメント`：空のままでOK
   - `タイプ`：`パブリックホストゾーン（デフォルト）`
- `作成`をクリックします。
![Fig6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/d498552c-0367-2d4f-2f1b-833e53cf0b28.png "Fig.6")
- 作成したドメインに対して2件のレコード（`NS`と`SOA`）が作成されます。
- `NSレコード`の`値`に表示されている4件のアドレスをコピーしておきます（お名前.comでのネームサーバー変更作業で使用します）。
- `レコードセットの作成`をクリックします。
![Fig7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/39ff8e46-529d-3187-c314-fe385f4fd504.png "Fig.7")
- 下記項目を入力します。
   - `名前`：`origin`（後にHTTPS化するため、サブドメインを設定しました。空でもOKです）
   - `タイプ`：`A-IPv4アドレス（デフォルト）`
   - `エイリアス`：`いいえ（デフォルト）`
   - `TTL（秒）`：`300（デフォルト）`
   - `値`：`WordPressインスタンスのパブリックIPアドレス`
   - `ルーティングポリシー`：`シンプル（デフォルト）`
- `作成`をクリックします。
![Fig8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/cc0c4386-510b-4a55-e38a-277a3b4f5b19.png "Fig.8")
- グリッド内に`Aレコード`が作成されます。
- 合計3件（`A`と`NS`と`SOA`）のレコードが表示さていることを確認します。
![Fig9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/e2f7d241-3c13-5e23-4523-0246dfed307c.png "Fig.9")
- 以上で、Route53コンソールでの作業は、完了です。

# 2. お名前.comでの作業
- [お名前.com](https://www.onamae.com)にアクセスして、ログインします。
![Fig10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/ef8297be-6ee5-5afc-61a7-6cf951ca1936.png "Fig.10")
- 対象のドメインを選択します。
- `ネームサーバー`の`その他`をクリックします。
![Fig11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/0add9504-1b91-b917-ec84-7b3afc571689.png "Fig.11")
- ネームサーバーの変更を行います。`ドメインの選択`で対象ドメインにチェックを入れます。
- `ネームサーバーの選択`で`その他`をクリックします。
- `その他のネームサーバーを使う`にチェックを入れて、下記項目を入力します。
   - `ネームサーバー1`：`Route53で作成したNSレコードの値（1件目のアドレス）`
   - `ネームサーバー2`：`Route53で作成したNSレコードの値（2件目のアドレス）`
   - `ネームサーバー3`：`Route53で作成したNSレコードの値（3件目のアドレス）`
   - `ネームサーバー4`：`Route53で作成したNSレコードの値（4件目のアドレス）`
- `確認`をクリックします。
![Fig12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/848fe6a4-34a1-bbcb-9937-529dfdf9a3b3.png "Fig.12")
- `OK`をクリックします。
![Fig13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/8eeaf509-f250-b12f-0692-63bd643a62f3.png "Fig.13")
- 以上で、お名前.comでの作業は、完了です（実際に変更反映が完了するまで、数十分〜数時間かかる場合があります）。

# 3. ドメイン設定の確認
- Macの`ターミナル`を起動し、下記のコマンドを実行します。
- `ドメイン名`は、`お名前.comで取得したドメイン`に置換えて下さい。

```sh:bash
dig ドメイン名 ns
```
- `ANSWER SECTION`において、ネームサーバーに登録した4件のアドレスから応答が返ってきていればOKです。
- お名前.comの（デフォルト）ネームサーバー名で返ってくる場合は、まだ変更反映が完了していない状態です。気長に待ちましょう。
![Fig14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/ca739ab2-89aa-a034-42cf-4535db463c73.png "Fig.14")
- ブラウザを開き、`http://ドメイン名`にアクセスします。
- 今回は、`Route53`の`Aレコード`に`サブドメイン`を設定したので、`http://origin.ドメイン名`でアクセスします。
- アクセスできればOKです。
![Fig15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/477950/19fb6a59-ac3a-c4af-adc2-33f3f72b9c5e.png "Fig.15")
- 以上で、ドメイン設定の確認は、完了です。