お名前.comで取得したドメインをHerokuアプリに設定するメモ

やりたいこと

Herokuアプリはデフォルトだとこんなドメイン。
https://boiling-atoll-43680.herokuapp.com/
これを自分で取得したドメインに変更したい。
今回はお名前.comでドメインを取得したのでそれのやり方のメモ。

前提

お名前.comでドメインを取得済み
Herokuにアプリをデプロイ済み
Heroku CLI をインストール済み

手順

以下コマンドを実行

$ heroku domains:add www.example.com

Adding www.example.com to ⬢ example-app... done
 ▸    Configure your app's DNS provider to point to the DNS Target
 ▸    www.example.com.herokudns.com.
 ▸    For help, see https://devcenter.heroku.com/articles/custom-domains

The domain www.example.com has been enqueued for addition
 ▸    Run heroku domains:wait 'www.example.com' to wait for completion

次に以下コマンドでDNS Targetという情報を確認

$ heroku domains

ここからはお名前の管理画面

DNS関連機能の設定

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

CNAMEレコードを設定

以上。
数分したら反映されました。