【AWS】Route53で取得したドメインをhttps化する〜ACMの登録方法〜

### Route 53で独自ドメインを取った後、http→httpsにする話

もはや時代はhttpsだよね！っていうことで登録してみました。
かなり長くなってしまいましたが、同じところで困っている誰かの助けになれば幸いです。
25まであります。
さあ気合入れていってみましょう！

### １・ACMのトップページで証明書のプロビジョニングからスタート
![１.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/f029e802-2088-7cdb-f8c5-2d165068bf8c.png)


### ２・パブリック証明のリクエストになっていることを確認して、証明書のリクエスト
![２.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/a41d81e9-7e3c-79cf-1fed-67cee0a64c3a.png)


### ３・取得したドメインを入力して、次へ
![３.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/3147ea19-1a0e-da03-2f3d-9a2f0c705204.png)

## ここで`www`を入れるのを忘れて後で大変なことになりました。忘れずに入力して下さい。


### ４・DNSの検証になっていることを確認して、次へ
![４.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/57cbb6b6-a0ab-bb04-bb23-acef42c6a71b.png)


### ５・タグの名前はお好みで

![５.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/53eb1689-6c30-4431-3d73-e85915ba7b39.png)

タグ名は`Name`、値は`アプリ名`にしておきました。



### ６・確認して、次へ
![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/290295a6-4971-0305-af76-83f27a5127bd.png)


### ７・検証保留中を確認したらドメインの左側の矢印をクリックして詳細を表示
![修正.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/d4a19241-534a-1b58-0ec9-eb95bdf53e9e.png)

※DNS設定をダウンロードしておくといいかもしれません

### ８・Route 53でのレコードの作成をクリック
![修正２.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/4079c324-4f77-ca12-0ab4-bb1017897f49.png)

Route 53への新規レコード作成をワンクリックのみで自動生成してくれます。
ありがたや。

### ９・ポップアップが出たらそのままクリックして作成
![修正３.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/f6b3229a-74bc-b674-d688-91df1d80ded3.png)



### １０・Route 53のホストゾーンから詳細を確認
![修正４.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/e0792293-9901-2308-b309-17e5ebd00630.png)

今作成したものが一番下に表示されているはず。
先ほどのDNS設定の内容が反映されています。

### １１・EC２に移動してロードバランサーからロードバランサーの作成をクリック
![１１.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/572c04f2-102c-4540-8014-764268853eb8.png)




### １２・Application Load Balancerの作成をクリック
![１２.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/1bd00e68-93ae-6d64-d70b-1691a664531a.png)

### １３・名前をアプリ名、プロトコルをHTTPSに変更
![１３.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/cdc07eac-540a-173f-74c2-34b11eae6717.png)




### １４・アベイラビリティゾーンを選択、アドオンサービス
![１４.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/a0ba9603-de54-56e6-3a3a-68f6b1197beb.png)

２つ以上必要とのことなので全部チェックつけました。
アドオンサービスはスルーしてそのまま次へ



### 15・表示されていなければ更新ボタンをクリックして選択、次へ
![１５.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/a581ccb0-249e-e910-07d0-763afbf17929.png)

すぐに更新されると思います。
セキュリティポリシーはいじらずにそのままに。



### １６・新しいセキュリティグループ、名前と説明を入力、HTTPSに
![１６.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/3e113acf-62ac-5dcd-a58a-7d546b68d0d4.png)

セキュリティグループ名はアプリの名前に。
説明も任意で。



### １７・名前を入力して次へ
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/1f43ae2f-963a-ed0d-cc28-bdca7c796a6c.png)

アプリ名でいいと思います。


### １８・インスタンスを追加して次へ
![１８.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/aadfe5c5-ead1-a4f3-811e-45a06ec7f65a.png)

### １９・確認して作成
![１９.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/0f6eb5e3-7731-df66-16cf-a21b85f6c7ea.png)

### ２０・作成が完了したら閉じる
![２０.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/67b52cb1-e91c-c03b-67d8-6caebda982f3.png)


ここまでくればもう少しです。
頑張れ頑張れ！


### ２１・セキュリティグループからロードバランサーのアクセスを許可する設定
![２１.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/c423804f-85d0-1c57-4708-829b18224263.png)

インバウンドルールを編集をクリックして編集画面へ



### ２２・HTTPを選択して、ソースを選択して、保存
![正解.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/1deb8efb-00c8-a87b-d730-ef29dbd2ec23.png)



### 23・ターゲットグループから設定を確認

![２３.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/75ad545d-1190-61df-2f36-272529fb23d0.png)

なぜかわからないが全てが突然英語になった。
日本語でお願いします。

### 24・Route 53＞ホストゾーン＞レコードを作成をクリック
![２５.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/df408936-ab3f-10e8-b3c3-9f4bc3f3cbcc.png)

画像だとチェックが入っていますが新規作成して下さい。


### 25・開いたところを入力
![２７.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/887559/e469f18b-280f-0d95-c11a-e501150bf50f.png)

- `www`を忘れずに入力
- エイリアスをonにして
- ❶Application Load BalancerとClassic Load Balancerへのエイリアス
- ❷リージョンを東京
- ❸ロードバランサーをクリックすると先ほど設定したものが表示される

完了したら`https://www.ドメイン名`に接続して、表示されれば完成です。

長い戦いでしたね。
お疲れ様でした！

情報が古いというよりもAWSのアップデートがすごすぎて調べた情報と現在のUIを見比べると大きく違っていました。
色々検索しながら四苦八苦して達成したぶん、達成感がすごかったです。
これだけすごい数のサービスを展開していて、それを全て目まぐるし早さでアップデートしていくAWSのエンジニアっていったいどんなことをしているんだろうと思いました。


### 参考にさせて頂きました
@nakanishi03様
[AWSでSSL化する方法を伝授！！！](https://qiita.com/nakanishi03/items/3a514026acc7abe25977)

@AKI3様
この記事、本当に助かりました。
`www`をつけずにハマりまくって一度全部削除してやり直しました笑
[【AWS】https://無料ドメインSSL化](https://qiita.com/AKI3/items/15362dae4c3a815fcb3f)

ありがとうございました