Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

Herokuにアプリをあげたのでついでに自分のドメインも使えるようにした話

More than 3 years have passed since last update.

ローカルで開発してせっかくだからherokuにあげるところまでやって見ると、

やっぱり先走って買ったドメインでアクセスできるようにしてみたくなってくるじゃないですか。

だから

やってみようとなったのが昨日か一昨日のこと

やってみたので

備忘録的に書いてみようと思うのです。

1.前提

お名前.comでドメインを買うまたは買っている
(ぶっちゃけどこでもいいけど僕はGMOが大好きなのでお名前.com。)

Herokuにアプリをすでにあげていて「appname.herokuapp.com」でアクセスできる状態にある。

2.お名前.comをいじる

スクリーンショット 2017-03-17 14.48.43.png

主にここを使っていきます。

ログイン=>ドメイン設定のタブをクリック(ログインすると更新のアレが出てきてしまうのでクリックしないとここには行けない)=>ページ中程にあります。

スクリーンショット 2017-03-17 14.51.02.png

こっちを使います。

クリックすると内部ドメイン一覧ってのが出るので
herokuに使いたいドメインを選択して次へ進む

するとこんなページに

スクリーンショット 2017-03-17 14.53.00.png

で、

これを選択

スクリーンショット 2017-03-17 14.53.18.png

次のページのページ中程に

スクリーンショット 2017-03-17 14.54.53.png

typeははじめ「A」になってると思いますが
「CNAME」に変更してホスト名は他の方のブログとか読むと
なんかしら入れないといけなさそうなので
僕は無難に「www.yourdomain.com」みたいにしました。
ちなみに僕は.tokyoドメインを使ったんですけどつかえたので
.com,net,jp以外でもなんでもいけるんだと思います。
VALUEはyourapp.herokuapp.comみたいな自分のherokuのドメインを入れて
できたら追加を押して、

ページ下部にある

スクリーンショット 2017-03-17 15.00.37.png

チェックボックスにチェックを入れて確認画面へ進むをクリック
(本当はネームサーバーの変更が必要なんですけどチェックボックスにチェックしとけばやってくれます。)

できたらお名前.comいじりは終わり。

2.herokuいじり

お名前.comの準備が終わったので

実際にherokuにドメインを追加します

heroku domains:add www.yourdomain.com

ターミナルに入力します。
www.yourdomain.comは自分が先ほどホスト名に登録したドメインを使ってください。

これで設定は終了ですが

今の状態で「www.yourdomain.com」にアクセスしても

このドメインはお名前.comで取得されています的なページが表示されるだけです。

このドメインでherokuappにアクセスできるようになるには時間がかかります

僕は3時間程度でアクセスできるようになりましたが

長い人だと6時間~1日かかる人もいるっぽいので気長に待ちましょう。

ちなみに

heroku domains

とコマンドでたたくと
登録されたドメインがすべて表示されます

で、この状態だと

2つのドメイン(今回登録したやつともともとあるherokuapp.com)でアクセスできるので
1つのドメインだけにするにはgem rack-rewriteを使うとできそうです。

また、独自ドメインを設定しましたがこれだと非SSL状態になっています。
SSLにするにはHOBBYにプランを変更する必要があるっぽいです($7/月)
プランを変えれば買ってきた証明書でSSLにできるっぽいです。

終わりで〜す

nekononeko_53
文系大学生 railsが書けるようになってまだ数年です。 意味不明、内容がしょぼい、ミス表記、そもそも書いてあることが違う、プログラマーなんかなれるはずないからやめろ等なんでも各ページに書いていただければ頑張ります。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away