Route53を使用してEC2にドメイン名を紐づける

# 概要

Route53を使用して取得しているドメイン名をEC2に紐づけます。またEC2にapacheをインストールし、インターネット上からHTMLが表示できるようにします。

## 0. 前提条件

 - AWSのアカウントを取得していること。
 - AWSのセキュリティ対策として、IAMや多要素認証をしていること。
 - お名前.comなどでドメインを取得していること。
 - 本書ではWindows10 Proを使用します。

## 1. Route53に取得したドメインを紐づける

1. AWSマネジメントコンソールにログインし、「サービス」→「Route53」をクリックする。
![route53_001.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/978d7c99-582c-5f33-adf8-7a7cdc0a7fc3.jpeg)

2. 「DNS管理」→「今すぐ始める」をクリックする。
![route53_002.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/d86249f6-3673-d5b5-3d82-9d489f5cd989.jpeg)

3. 「ホストゾーンの作成」をクリックする。
![route53_003.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/5d749ba2-86eb-1700-4ae5-2d3c6cd87da6.jpeg)

4. 「ホストゾーンの作成」をクリックする。
![route53_004.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/d3af4571-0cc0-7deb-66e1-8a20967637c4.jpeg)

5. ドメイン名にお名前.comなどで取得したドメイン名を入力し「作成」をクリックする。
![route53_005.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/c6ef2441-c1e3-435b-dbd4-14b96d633988.jpeg)

6. お名前.comなどのネームサーバー登録画面にて、レコードセット作成時に表示されたネームサーバを登録する。
![route53_007.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/406f7dfc-6df0-6485-7c96-244d5bee1026.jpeg)

![route53_010.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/066beb21-5382-9fab-ef78-020df95c7c0a.jpeg)

## 2. EC2を作成する

1. 「サービス」→「EC2」をクリックする。
![route53_011.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/14a4ce62-50b8-29dc-2f92-ac0979ae4779.jpeg)

2. 左側メニューから「インスタンス」をクリックする。
![route53_012.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/dae65647-6696-e47b-acf4-d03b04aef088.jpeg)

3. 「インスタンスの作成」をクリックする。
![route53_013.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/f2a47d06-1a02-08bd-4ceb-72a213e8fad9.jpeg)

4. 「Amazon Linux 2」を選択する。
![route53_014.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/e4c00cc8-4bb9-bc1d-8425-21d8181529e7.jpeg)

5. 「t2.micro」を選択し、「次のステップ:インスタンスの詳細の設定」をクリックする。
![route53_015.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/a16f71b6-a2b6-84c8-0f86-d9e8ec4f1234.jpeg)

6. 設定内容を確認し、「次のステップ:ストレージの追加」をクリックする。
![route53_016.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/02092f92-07b3-0e6f-758b-d7bd7857933c.jpeg)

7. 容量を確認し「次のステップ:タグの追加」をクリックする。
![route53_017.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/d5483ffa-74dd-c65d-34a3-609ef9634d3f.jpeg)

8. タグの設定内容を確認し「次のステップ:セキュリティグループの設定」をクリックする。
![route53_018.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/fe02741a-a537-4850-2ce2-08aa1ee7f9ed.jpeg)

9. セキュリティグループを設定し、「確認と作成」をクリックする。
![route53_019.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/7ce3f337-2adb-82d8-fd01-28947d2408a1.jpeg)

10. 設定内容を確認し「起動」をクリックする。
![route53_021.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/4531a5b8-fbcd-ef31-fa0c-fc6e1587b94c.jpeg)

11. キーペアの設定を確認し、「インスタンスの作成」をクリックする。
![route53_022.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/bd03c8d5-a05b-31d3-904f-fcb7896c1146.jpeg)

12. インスタンスが作成中なので待機する。
![route53_023.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/49d89aeb-b9a3-d4cc-1aaa-7ddbd3fdf52c.jpeg)

13. インスタンスが起動したことを確認する。
![route53_024.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/15a8b86a-b242-9d0e-a211-fdfcf37c8d10.jpeg)

## 3. Elastic IPの設定

1. EC2の左側メニューから「Elastic IP」をクリックする。
![route53_025.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/04cfe41a-dbba-c6f0-a6ea-e7411cb136e2.jpeg)

2. 「Elastic IPアドレスの割り当て」をクリックする。
![route53_026.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/9d462b48-eaad-e1f8-b84e-aa82e6314815.jpeg)

3. Elastic IPアドレスが割り当てられたことを確認する。
![route53_027.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/5928544e-23d1-cdb8-d68c-980ba8a78ed7.jpeg)

4. 「アクション」→「Elastic IPアドレスの関連付け」をクリックする。
![route53_028.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/a7881867-7a61-6189-1853-0886c7e3f143.jpeg)

5. Elastic IPアドレスを関連付けるインスタンスを選択し、「関連付ける」をクリックする。
![route53_029.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/0a4440ab-b129-5389-c7d1-f66184a45b0b.jpeg)

6. Elastic IPアドレスがインスタンスに関連付けられたことを確認する。
![route53_030.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/b603e656-c7ba-6ed4-6816-24ab9185e708.jpeg)

## 4. Elastic IPとRoute53を紐づける

1. 「サービス」→「Route53」をクリックする。
![route53_031.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/77596f67-757e-dd07-da7b-2e2d131ef0d9.jpeg)

2. 「ホストゾーン」をクリックする。
![route53_032.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/b079762d-1924-aca2-0826-10fcf84c9e1d.jpeg)

3. 「ドメイン名」をクリックする。
![route53_033.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/007ae875-bb15-a212-51d8-1c0004c6127c.jpeg)


4. 「レコードセットの作成」をクリックする。
![route53_034.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/094f24e6-5cf5-51ad-5d74-099114fe2c30.jpeg)

5. 以下の内容を入力し、「作成」をクリックする。
 - 名前 : (任意の名前)
 - タイプ : A - IPv4アドレス
 - 値 : Elastic IPのIPアドレス                                             
![route53_035.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/9c8e734b-397e-e6fb-11b5-f866653de2f0.jpeg)

6. Elastic IPが紐づいたことを確認する。
![route53_036.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/db0481c5-80fc-46cc-1608-8eb14b1e9775.jpeg)

## 5. ドメイン名の紐づき確認

1. TeraTeamなどでインスタンスにログインする。

2. 下記のコマンドを入力し、ドメイン名がインスタンスに紐づいたか確認する。

    ```
    $ nslookup ドメイン名
    Server:     xxx.xxx.xxx.xxx
    Address:    xxx.xxx.xxx.xxx#53

    Non-authoritative answer:
    Name:   ドメイン名
    Address: xxx.xxx.xxx.xxx
    ```

## 6. apacheのインストール

1. パッケージをアップデートする。

    ```
    $ sudo yum -y update
    ```

2. apacheをインストールする。

    ```
    $ sudo yum -y install httpd
    ```

3. apacheのインストール確認をする。

    ```
    $ httpd -v
    Server version: Apache/2.4.41 ()
    Server built:   Oct 22 2019 22:59:04
    ```

4. apacheを起動する。

    ```
    $ sudo systemctl start httpd
    ```

5. ブラウザにElastic IPを入力し、apacheのテストページが表示されることを確認する。
![route53_039.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/44bffb28-cf0a-7b4a-df5f-4aad15148b55.jpeg)

6. 同様に紐づけたドメイン名を入力し、apacheのテストページが表示されることを確認する。
![route53_040.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/89217426-f5d0-0a44-0c2e-d68f80f4618c.jpeg)

7. `/var/www/html/`に`index.html`を作成する。

    ```
    $ cd /var/www/html/
    $ sudo vi index.html
    <html>
        <head>
                <title>
                route53 test
                </title>
        </head>
        <body>
                <h1>
                hello world route53
                </h1>
                <h2>
                by aws ec2
                </h2>
        </body>
    </html>
    ```

8. ブラウザからindex.htmlに接続する。
![route53_041.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/307261/698b7b4f-39cc-f997-7ae5-7da43566fb18.jpeg)

## 最後に
Route53とEC2を組み合わせることでHTMLをインターネット上に公開することができます。これにより作成したホームページやポートフォリオをインターネット上に公開できます。