LoginSignup
14
11

More than 1 year has passed since last update.

herokuでwww.なし独自ドメインの爆速構築

Last updated at Posted at 2020-06-28

はじめに

10分くらいで設定が完了します。
※設定は簡単ですが、PointDNSを使用する場合だと独自ドメインでのAWS/SES利用の併用はできないので、もし使用前提であればRoute53とCloudFrontから設定してください。

前提

  • ドメイン取得済み
    • 今回はお名前.comで取得している前提となります
  • herokuアカウント取得済み

heroku側設定

Add-onsにPointDNSを追加しましょう。
スクリーンショット 2020-06-28 14.32.25.png

PointDNSを開き、取得したドメイン名をDomain Name欄に入力して追加しましょう。
この記事では例としてドメイン名をexample.comとします。

追加後、詳細を見ると下記のように、SOAとNSレコードが設定されていると思います。

Type Name Data
SOA example.com. dns8.pointhq.com. admin.pointhq.com. ...
NS example.com. dns8.pointhq.com.
NS example.com. dns12.pointhq.com.
NS example.com. dns15.pointhq.com.

確認できたらAdd recordsからCNAME レコードと ALIAS レコードを追加していきます。

  • Record type: CNAME
    • Name: www.example.com
    • Hostname: qiita-article-production.herokuapp.com
      • herokuのアプリ名を入力します(heroku管理画面のOpen app押した時に表示されるURL)
  • Record type: ALIAS
    • Name: example.com
    • Target: qiita-article-production.herokuapp.com

以下のような設定になっていればPointDNSの設定は完了です。

Type Name Data
SOA example.com. Data
example.com. dns8.pointhq.com. admin.pointhq.com. ...
ALIAS example.com. qiita-article-production.herokuapp.com.
CNAME www.example.com. qiita-article-production.herokuapp.com.
NS example.com. dns8.pointhq.com.
NS example.com. dns12.pointhq.com.
NS example.com. dns15.pointhq.com.

次にherokuの管理画面に戻り、Settings画面のDomainsにドメインを追加します。

www付きとwwwなしのドメインを追加しましょう。

  • www.example.com
  • example.com

これでheroku側の設定は全て完了です。

お名前.com側設定

お名前.comのログインし、ドメイン詳細ページにネームサーバー情報があるので、ネームサーバーの変更 からネームサーバーの変更を行います。

スクリーンショット 2020-06-28 15.16.46.png

ネームサーバーの選択をその他のネームサーバーを使うを選択し、PointDNSのNSレコードのDataの値を全て入力します。確認して設定完了します。

以上で全て完了です。
しばらく時間をおくとアクセスできるようになります。

おわりに

herokuだけだとwww.なしの設定はできないという記事を多く見かけましたが、かなりシンプルに設定できたかと思います。いいherokuライフを。

14
11
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
11