猫でもわかるWebプログラミングと副業

本業エンジニアリングマネージャー。副業Webエンジニア。Web開発のヒントや、副業、日常生活のことを書きます。

herokuにお名前.comの独自ドメインを設定する

もくじ

はじめに

ドメインの取得方法はこちらを参考にしてください。

yoshiki-utakata.hatenablog.com

おなまえ.comの設定

お名前.com ドメイン Navi にログインします

https://navi.onamae.com/login

メニューの「DNS」→「ドメインDNS関連機能設定」→「次へ」

f:id:yoshiki_utakata:20180525171421p:plain

設定するドメインを選択

f:id:yoshiki_utakata:20180525171458p:plain

DNSレコード設定を利用する

f:id:yoshiki_utakata:20180525171512p:plain

<アプリ名>.herokuapp.comTYPE:CNAME で追加

f:id:yoshiki_utakata:20180525171737p:plain

herokuの方の設定

コマンドラインツールで追加します。

$ heroku domains:add lgtm.utakata.work
heroku-docker is deprecated.
Adding lgtm.utakata.work to ⬢ lgtmoon... !
 ▸    Please verify your account in order to add domains (please enter a credit card) For more information, see https://devcenter.heroku.com/categories/billing Verify now at
 ▸    https://heroku.com/verify

クレジットカードを登録しろと言われてしまいました。herokuは無料で使える枠がありますが、最近はクレジットカードを登録しないとそもそもアカウントが取れなかった記憶があります。アカウント設定から登録します。

$ heroku domains:add lgtm.utakata.work 
Adding lgtm.utakata.work to ⬢ lgtmoon... done
 ▸    Configure your app's DNS provider to point to the DNS Target lgtm.utakata.work.herokudns.com.
 ▸    For help, see https://devcenter.heroku.com/articles/custom-domains

The domain lgtm.utakata.work has been enqueued for addition
 ▸    Run heroku domains:wait 'lgtm.utakata.work' to wait for completion

これで独自ドメインの設定が完了したかと思います。