herokuに独自ドメインを設定する方法について紹介します。

herokuにドメインを追加

heroku domains:add www.example.com

確認

$ heroku domains
›   Warning: heroku update available from 7.7.4 to 7.7.8
=== quiet-sands-44976 Heroku Domain
quiet-sands-44976.herokuapp.com

=== quiet-sands-44976 Custom Domains
Domain Name      DNS Record Type  DNS Target
───────────────  ───────────────  ─────────────────────────────
www.example.com  CNAME            www.example.com.herokudns.com

ムームードメインで詳細DNSの設定をするには

カスタム設定のセットアップ方法 | ムームードメイン

左サイドバーのドメイン管理 > ムームーＤＮＳ と進んで、ドメインを選択して詳細なDNSの設定が可能です。

ムームーＤＮＳのセットアップ情報変更 | ムームードメイン

DNS設定

そうして、先程取得したHEROKUのDNSと合わせて、情報を入力していきます。

www,CNAME,[heroku DNS]と打っていきます。

アクセス

ドメイン(e.g.http://www.example.com)にブラウザからアクセスしてみましょう。
herokuドメイン(herokuapp.com)と同様の内容が表示されましたでしょうか。

レンサバのDNS設定などと違い、反映などを待つ必要もなく、数分で反映されています。