【AWS】Lightsailで作成したWordpressにRoute53で独自ドメインを紐づける

<h2>はじめに</h2>
<p>先日LightsailにWordpressをインストールしてサイトを立ち上げたのですが、Route53を使った独自ドメイン紐づけに苦戦したので、備忘録を残します。</p>
<p>（ググって出てきたやり方だと見事に全滅しました。。許すまじ）</p>

<br>
<b>おおまかな流れ</b>　
<ol style="list-style-type: decimal">
<li>Route53で独自ドメイン取得</li>
<li>LightsailインスタンスにStatic IPを紐づける。</li>
<li>LightsailでDNSゾーン作成。</li>
<li>作成したDNSゾーン内に、Aレコードを作成し、取得したドメインとStatic IPを関連付ける。</li>
<li>Route53で登録したドメインのネームサーバーを、Lightsailで作成したDNSゾーンのネームサーバーの値に書き換える。</li>
<li>数分待ってアクセスしてみる。</li>
<li>完了</li>

</ol>

<h2>手順解説</h2>
<h3>インスタンスにstatic IPを紐づける</h3>
![スクリーンショット (96).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/73f762b5-f2e1-b421-d828-1194389ea42c.png)




<p>AWSにログインし、Lightsail>home>Networkingの順にクリックし、「Create static IP」をクリック。Static IPを作成する。</p>
![スクリーンショット (96).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/2aafd3a8-62b6-7710-f3b3-b42205436a84.png)


<p>名前を付け、「Create」をクリック。これでStatic IPが作成される。</p>

![スクリーンショット (100).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/ab441a69-f417-ee25-10dc-93879332c5e4.png)

<p>先ほど作成したStatic IPを選択し、赤枠内の緑のチェックマークをクリック。赤がキャンセル、緑がOK。（本当分かりづらい。。。何度「Create StaticIP」をクリックして首をかしげたことやら。。</p>

![スクリーンショット (104).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/3161fe3d-a359-a47e-1ac2-3b54a4cc3b4c.png)

<h3>LightsailでDNSゾーンを作成する。</h3>
<p>home>Netwirkingから「Create DNS zone」をクリック。</p>
![スクリーンショット (86).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/1ba0fb85-daa1-a9cc-926c-f66368217c81.png)

<p>Route53で取得したドメインを入力し、「Create DNS zone」と書かれたボタンをクリック。</p>
![スクリーンショット (87).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/b71858b2-5dee-f586-b184-ea679ca2f03d.png)

<h3>作成したDNSゾーン内にAレコードを作成</h3>
<p>home>Netwirkingに先ほど作成したDNSゾーンが表示されるのでクリック。次に「+add record」をクリックしてAレコードを作成する。</p>


<p>赤枠内にサブドメインを入力し、インスタンスに紐づけたStatic IPアドレスを選択。先ほどと同じく分かりづらい緑のOKボタンをクリック。</p>
![スクリーンショット (100).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/34f4a830-e313-dfe3-c8d3-7b25c263132b.png)
<p>これでDNSゾーン内にAレコードが作成されます。</p>

<h3>Route53にLightsailで作成したDNSゾーンのネームサーバーを設定する。</h3>

<p>ここまで来たらあと一息です。Route53を開いて、「登録済みドメイン」より、自分で取得したドメインをクリックしてください。</p>
![スクリーンショット (107).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/136086c1-eeda-1a6d-8256-a168e0bddaf3.png)

<p>もしRoute53で設定したいドメインのホストゾーンを作成していたら、削除してください。下の画像のようになっていたら正解です。（他にドメインを取得している場合は、ホストゾーンが表示されています。）</p>
![スクリーンショット (106).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/6709ac5b-a449-0dee-2794-119bf9cf4338.png)

<p>Lightsailで作成したDNSゾーンのネームサーバーをRoute53に設定します。Lightsailに戻り、作成したDNSゾーン名をクリックするとネームサーバーが表示されます。</p>

![スクリーンショット (88).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/a280737e-b8da-f8fe-1a9b-813bcf5befa5.png)


<p>Route53に戻り、取得したドメインをクリック。赤枠で囲まれた「ネームサーバーの追加/編集」をクリック
</p>
![スクリーンショット (91).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/4c10416d-b7c9-9c1e-c157-2078312698bd.png)

<p>現在表示されているネームサーバー名を、Lightsailで作成したDNSゾーンのネームサーバー名に書き換えます。</p>
![スクリーンショット (92).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/901258/6d73af40-2e90-0a34-c3bb-703d8bf81e18.png)

<h3>完了！</h3>
<p>更新ボタンを押すとAWSから更新通知のメールが届きます。その後数分待ってアクセスしてみましょう。アクセスできたら無事完了です！お疲れさまでした。</p>