EC2インスタンス(CensOS7)をwebサーバとして起動しドメインで表示させる

## 今までの準備

- [Route53でホストゾーンの作成](https://qiita.com/miyuki_samitani/items/0d595ea63b805de1ffa1)
- [EC2インスタンス作成～ログインまで(画像つき)](https://qiita.com/miyuki_samitani/items/2ace2bb5d7874f919676)

## 前準備

- 最新化

```sh
yum update
```

※こちらは、*一旦webページを表示する*　ために以下の設定を行っております。
　実際に作業を行う際は適切に設定しましょう。

- selinuxを無効化

```sh
$ getenforce
Enforcing

vi /etc/selinux/config
==========
削除
SELINUX=enforcing
追加
SELINUX=disabled
==========

reboot

$ getenforce
Disabled
```

## httpdのインストール

- インストール

```sh
yum install httpd
```

## 設定の変更

- httpd.confの変更

```sh
vi /etc/httpd/conf/httpd.conf
==========
追加
ServerName www.domainname.com
==========
```

- 構文チェック

```sh
$ httpd -t
Syntax OK
```

- テストページの作成

```
touch /var/www/html/index.html
vi /var/www/html/index.html
==========
<h1>hello world</h1>
==========
```

- httpdの起動・自動起動設定

```
systemctl start httpd
systemctl enable httpd
```

## ブラウザで表示(IPアドレス指定)

- IPアドレスの確認

以下の画像の`IPv4パブリックIP`と記載されている箇所にIPアドレスが書かれています。

![無題 - ペイント 2020-09-16 20.19.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/5b477f9a-ba45-3f44-3ff2-52692030e6b4.png)

- ブラウザで確認

`http://IPアドレス/index.html` と検索すれば以下のように表示されました！！

![無題 - ペイント 2020-09-16 20.22.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/84f40052-d19d-6324-750e-a69a7a6fdf34.png)

## ブラウザで表示(ドメイン指定)

先程は、IPアドレスを打ってindex.htmlの中身を表示させることが出来ました。
では、前に取得したドメインでindex.htmlの中身を表示させるように設定していきます。

- Route53に設定を行う

1つホストゾーンを前に追加したので、その設定を行う。

![Route 53 Console - Google Chrome 2020-09-16 20.28..png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/5d7304a7-070e-a3e5-7072-92ecab10f9af.png)


![無題 - ペイント 2020-09-16 20.29.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/50ed3d1c-bc5f-1fc7-0678-1ea506cacfc6.png)

- レコードの作成を行う

![無題 - ペイント 2020-09-16 20.31.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/b4618987-91a1-1eba-39a7-1b54f70f20df.png)

- ルーティングポリシー

こちらは`シンプルルーティング`
加重や位置情報などありますが、ここでは一番シンプルな方式でアクセスを行います。

![無題 - ペイント 2020-09-16 20.32.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/4224a764-809d-8364-1962-b7dcdd8c96ef.png)

- シンプルなレコードを定義します

![無題 - ペイント 2020-09-16 20.33.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/74491545-4c82-5797-d5a2-90a14649bff4.png)

- シンプルなレコードを定義

今回は、`http://www.domainname.com`でブラウザでアクセスすると表示させたいので、
ここでは`www`とレコード名を入れます。
値は、www.domeinname.comはどこにアクセスさせたら良いのかなのでサーバのIPv4パブリックIPを入れます。
レコードタイプはAレコード レコードの詳細は → [主なDNSレコードの種類](https://qiita.com/samichi_valley/items/a67ea3990d38b80491d9)
TTL値は、どれくらいの間キャッシュとして持っておくかなので、一旦デフォルトの300秒。

```
レコード名      : www
値             : レコードタイプに応じたIPアドレスまたは別の値
　　　            IPv4パブリックIP
レコードタイプ  : A
TTL(秒)        : 300(デフォルト)
```

![無題 - ペイント 2020-09-16 20.35.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/b0325d54-34fa-77e7-5a24-a52730c3c30b.png)

- レコードを設定

先程設定したれコードが追加されましたので、「レコードを作成」で進みます。

![無題 - ペイント 2020-09-16 20.36.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/09da5bf0-3e2a-3012-dcd4-3856605879df.png)

- レコードの画面で確認

レコードを作成すると赤い枠の中に
`www.domainname.com` のレコード名が表示されました。
これで準備は完了です。

![無題 - ペイント 2020-09-16 20.39.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/3bb1292b-7ed3-4d33-ba0e-690c50f70f69.png)

- ブラウザで表示

ブラウザで、`http://domainname.com/index.html` と検索すれば以下のようにドメイン名でも表示できるようになりました！！

![無題 - ペイント 2020-09-16 21.12.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129517/9a91f49d-462d-5fb6-fefd-bb2dd66ce7d3.png)

## 注意

EC2インスタンスは起動するごとにIPアドレスが変わるので、
ElasticIPをつけるか、起動したらRoute53のAレコードも変更するようにしましょう