カスタムドメインを設定する(Heroku)

これまでHerokuのデフォルトで設定されるドメインを使っていたので変更した。
今回変更したアプリケーションは、フロントとバックエンド2つのアプリから成り立っているが、ユーザーから見えるフロント側のみドメインを変更した。

手順

1. ドメインを購入する
2. Heroku側と、ドメイン管理画面（購入したサイトの管理画面）で設定する

ドメインを購入する

ムームードメインで購入した。（¥500）
https://muumuu-domain.com/

Heroku側と、ドメイン管理画面（購入したサイトの管理画面）で設定する

アプリケーションのルートディレクトリに移動する

$ cd ~/myapp

example.comのところは購入したドメインに変更

$ heroku domains:add www.example.com

追加できたか確認

$ heroku domains

DNS Targetをコピー（XXX-XXX-XXX.herokudns.com）

===== my-app Custom Domains
Domain Name     DNS Record Type    DNS Target

www.example.com  CNAME             XXX-XXX-XXX.herokudns.com 

ムームードメインでカスタム設定

ログインして、コントロールパネル→ドメイン操作→ムームーDNS→購入したドメインの欄の'変更'をクリック

設定２の場所から、サブドメインに"www"、　種別に"CNAME"、内容に先ほどコピーした"DNS Target"を入力して、完了ボタンをおす。

これで少し待てば新しいURLでアクセスできるはず！

configの設定

フロントとバックエンド分けているので
バックエンド側からフロントに接続するためのドメインを忘れずに変更

$ heroku config:set 

SSL化

有料プラン
Herokuのwebサイトから変更したいアプリ画面に行き、月7ドルのhobbyプランに変更して、settingからSSL Certificatesの"Configure SSL"ボタンを押す。Automatic Certificate Management を選んで完了すれば自動的に変更されてる！