Herokuアプリに独自ドメインを設定する

HerokuアプリのURLがダサかったので、独自ドメインを取って設定してみました！

ドメインの取得

お名前ドットコムにて、いい感じのドメインを取得しました。
www.onamae.com
今回は.tokyoというドメインを取得。
なんじゃそりゃ。
tokyoboy.me
『2014にGMOが展開を開始した新ドメインです。』とのことで、とりあえずこれで。

DNSの設定

取得ができたら、お名前ドットコムにログインして、DNSの設定をします。
「DNS関連機能設定」 > 「自分のドメインを選択」 > 「DNSレコード設定を利用する」という感じで、道なりに進んでいき、DNSレコード設定画面を開きます。
今回は、Herokuアプリをデプロイ済みということで、CNAMEで登録します。（下図みたいな感じ）

heroku側の設定

herokuのコンソールから独自ドメインの設定を行います。
が、その前に、Herokuはhobbyプラン以上でないと、独自ドメインの設定ができません！

hobbyプランの設定は、
herokuのコンソール > 設定したいアプリを選択 > Resource > Change Dyno Type

他サービスとの料金比較は、下記にまとまっていて参考にさせていただきました。
qiita.com
自分は、Herokuが楽だったので、とりあえずHerokuを選択。
アプリごとの契約なので、QA環境としてFreeプランが使える点がポイント高いです。

さて、hobbyプランになったら、独自ドメインを登録します。
herokuのコンソール > 設定したいアプリを選択 > setting > Domains and certificates > Add Domain
ここに、取得したドメインを登録するだけでOK。

結果

無事、アクセスできるようになりました。
www.taso.tokyo

問題点としては、
・なんか証明書が嫌がられる
・LINEからアクセスできない

なお、TwitterからはOKでした。（よかった）
特に証明書は厄介そうなので、うまく対応したいです。
元のHerokuのURLからは問題がなかったので、.tokyoがなんかいかんのかなぁ。

参考文献

身もふたもないですが、後から調べると下のサイトがすごく丁寧に説明してくださっていて分かりやすかったです。
pg-happy.jp
色々調べて、皆さんも自分のページを公開しましょう！