プログラミング

herokuに独自ドメインを設定する方法

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の設定が可能です。

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

DNS設定

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

https://yuis.xsrv.jp/images/ss/ShareX_ScreenShot_c6e69c7a-8638-4463-8226-5b62509198a3.png

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

アクセス

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です