Pythonanywhereで公開しているウェブサイトにネイキッドドメインを対応させる方法

# 本記事について
今回は,pythonanywhereで公開してるDjango製ウェブサイトに、ネイキッドドメインを対応させるために使用した[Nakedssl](https://www.nakedssl.com/)というサービスの記事が少なかったので記事にしてみました。

# 対象
[MUMU Domain](https://muumuu-domain.com/)でドメインを購入されている方
[Pythonanywhere.com](https://www.pythonanywhere.com/)プランHacker以上を購入されている方
サブドメインの```www.doamin.com```のwwwがない状態( ネイキッドドメインでのサイトへのアクセス)がしたい方

おそらくドメイン購入したサイトが違う方が出てくると思うので、その場合はご自身の環境に合わせて進めてください。

# 参考サイト
Setting up a custom domain on PythonAnywhere(https://help.pythonanywhere.com/pages/CustomDomains/)
Naked domains(https://help.pythonanywhere.com/pages/NakedDomains)


# NakedSSLのセットアップをしよう！
1-2-3ステップでセットアップは完了します！

### まずはNakedSSLアカウントを作成しましょう!
右上の```Get it now```へ進んでください
<img width="1680" alt="スクリーンショット 2020-02-26 12.33.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/0e2321cc-f442-80f9-f270-de7afef5578c.png">

Name,Email,Passwordを入力しアカウントを作成してください
<img width="1680" alt="スクリーンショット 2020-02-26 12.39.36.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/e2e5550e-b886-3835-cd15-d5eeb412b9a6.png">

Emailアドレスに確認メールが来るのでリンクをクリックしてください！
そしたら、アカウントの作成はここまでです。

### 次はNakedSSLにドメインを追加します！
 右上の```Add Domain```をクリックして追加画面に移動します。
　<img width="1680" alt="スクリーンショット 2020-02-26 12.42.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/5d9384de-d93f-24bf-b09e-89aaf161bdf4.png">

```Let's add a new domain!```画面が表示されたら、Naked domainに例えば```www.domain.com```のネイキッドドメイン```domain.com```を入力することで自動的に```Redirect to```に```www.domain.com```が入力されます。
自動入力がされなかった場合は入力してください。

仕組み的には```domain.com```にアクセスするとリダイレクトされ、ネイキッドドメインではない```www.domain.com```にリダイレクトされる仕組みになっています。

<img width="1680" alt="スクリーンショット 2020-02-26 12.46.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/7e07df7b-73e0-3fda-55ae-95740feb4d1a.png">


ドメインがセットできたら、次はあなたのサイトへのアクセス数が多いい地域はどこですか？と聞かれます。
僕の場合はUSAからアクセスが多かったのでUSAにしました。

<img width="726" alt="スクリーンショット 2020-02-26 13.04.16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/693cb9d0-6818-0546-c5b8-1ea504cbd224.png">

最後に画面下にIP Addresが表示されていると思います。IPアドレスをコピーしてください。後々使います。
(画面下の黒い部分にIPアドレスが表示されています。)

<img width="1385" alt="NakeSSL-ip-address-page.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/c7343dc2-6ea3-ef57-e87c-ad7718e4cce4.png">

### ドメインにIPアドレスを設定します!

今回は読者が```MUMU Domainユーザー```である前提でお話を進めていきます。
1.まず```MUMU Domain```にログインをします。

2.```ユーザーアイコン```を押して```コントロールパネル```が選択肢に表示されるので、```コントロールパネルを選択```

3.左側にドメイン管理リストがあるので、その中の```ムームーDNS```に飛んでください

4.```ムームーDNS```に飛ぶとドメインが表示されるので、複数持っている方は```今回ネイキッドドメインに対応させたいドメインの変更ボタンを押してください。```

5.カスタム設定のセットアップ情報変更画面に飛びますのでそこの```設定２```に先ほどのIPアドレスを追加していきます。
筆者がわかりやすくテーブルに書いたのでその通りに入力してください。

|サブドメイン|種別|内容|優先度|
|---|:---:|---:|---:|
||A|IPアドレス||

<img width="438" alt="mumu-domain-a-ip.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/7bd1307f-130e-fa38-baa5-5eaf2dca4c7a.png">

6.入力が終わったら、下にスクロールすると```セットアップ情報変更ボタン```があるのでそれを押して変更を更新しましょう。

### 最後にNakedSSLにチェック実行させよう！
先ほどIPアドレスをコピーしたページの右上```DNS updated```をクリックすると以下の画像のようにDNSチェックが開始されます。

<img width="1385" alt="Naked-wait-time.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/4bb3777a-ec17-4c71-1a7d-77db9b48fb00.png">

30分程度待機します。
そうしますと、DNSが見つかりNakedSSL側ではSSL証明書まで発行してくれます！　
```(注意)もしアクティブ表示になっているのにネイキッドドメインでのサイトへのアクセスができない場合は反映に時間がかかっているのでお茶でも飲んでゆっくり待ちましょう。```

<img width="1680" alt="Create-NakedSSL-SSL.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392275/cb9a621f-d8fa-08db-8805-9ab471cee1f6.png">


#お疲れ様でした。
このような便利なサービスがあるのはありがたいです。
この記事が参考になった方はいいねしてもらえると助かります👍