Herokuアプリに独自ドメインを設定する方法

アプリケーションを作り、それを公開するには独自ドメインの設定は必須です。今回はHeroku上で作ったアプリケーションに独自ドメインを設定する方法を紹介します。

見出し

1 はじめに
2 Herokuアプリに独自ドメインを設定する手順
3 最後に
- 3.1 関連記事

はじめに

Herokuにアプリケーションをデプロイしたら、公開するためには独自ドメインを設定する必要があります。Herokuでは独自ドメインの設定自体無料で行えるので、無料枠の範囲で行なえます。それでは方法を見ていきましょう。

Herokuアプリに独自ドメインを設定する手順

独自ドメインを購入する

お名前ドットコムでもムームードメインでもどこでも良いので、まずは独自ドメインを購入しましょう。だいたい年間1200円くらいです。余談ですが、もしドメイン購入が初めてなら、複数年契約はしない方が良いです。DNS会社はドメイン名が間違っていた時に変更に応じてくれないので、複数年契約すると間違った時にお金が無駄になります。私も1回複数年契約したドメインに一文字誤りがあり、DNS会社に問い合わせても無理ですの一点張りで終わった悲しい経験があります。

Herokuにドメインを設定する

それでは、自分のHerokuアプリのディレクトリに移動し、heroku domainsコマンドでドメインを設定していきましょう。今回は「yourdomain.com」という独自ドメインを購入した前提で、「www.yourdomain.com」というサブドメインを設定していきます。

$ cd your-herokuapp
$ heroku domains
=== your-herokuapp-xxxxx Heroku Domain
your-herokuapp-xxxxx.herokuapp.com
$ heroku domains:add www.yourdomain.com
Adding www.yourdomain.com to ⬢ your-herokuapp-xxxxx... done
...
$ heroku domains
=== your-herokuapp-xxxxx Heroku Domain
your-herokuapp-xxxxx.herokuapp.com

=== your-herokuapp-xxxxx Custom Domains
Domain Name          DNS Record Type  DNS Target
───────────────────  ───────────────  ─────────────────────────────────
www.yourdomain.com  CNAME            www.yourdomain.com.herokudns.com

これでHerokuの設定は完了です。一応、詳しくはHerokuの公式サイトを確認して下さい。

DNSサーバーのドメイン設定を変更する

DNSサーバーには以下の情報を設定する必要があります。それぞれの設定値は先程Herokuに設定したものです。

サブドメイン名: www
種別: CNAME
内容: www.yourdomain.com.herokudns.com

一例として、ムームードメインの場合は以下にように設定します。今回はデフォルトの「ムームーDNS」をDNSサーバーとして設定している前提で説明します。

ムームードメインにログインし、「ドメイン管理 -> ムームーDNS」を選択します。

「設定1」は無視して、「設定2」に先程の設定値を入力し、「セットアップ情報変更」をクリックすれば完了です。

2日以上待って反映されていない場合は、とりあえずDNS会社に問い合わせてみるとよいでしょう。

ドメインの設定を確認する

hostコマンドで独自ドメインが正しく設定されていることを確認します。

$ host www.yourdomain.com
www.yourdomain.com is an alias for www.yourdomain.com.herokudns.com.
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX

複数のIPアドレスが割り当てられている事が確認できます。

この後で、ブラウザで「www.yourdomain.com」を開くと、自分のHerokuアプリが独自ドメインで表示されます。

最後に

いかがでしたか？せっかくHerokuにアプリをデプロイしたのであれば、独自ドメインの設定までして公開してみましょう。では。

この記事を書いた人
最新の記事

Keid

自由で楽しい世界を目指すフルスタックWebデベロッパー。大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。全く英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。挑戦に終わりはない。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。