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にアプリをデプロイしたのであれば、独自ドメインの設定までして公開してみましょう。では。

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

KD

世界を旅し日本を愛するエンジニア。大学でコンピュータサイエンスの楽しさを学び、日本の大手IT企業で働く中で、新しい技術やスケールするビジネスが北米にある事に気づく。世界に挑戦するための最大の壁が英語であったため、フィリピン留学およびカナダ留学を経て英語を上達させた。現在は日本在住でエンジニアとして働きつつ、次の挑戦に備えて世界の動向を注視している。挑戦に終わりはない。このブログでは、エンジニアやデザイナー向けの技術情報から、海外に留学したい人向けの留学情報、海外に興味がある人向けの海外旅行情報など、有益な情報を提供しています。