6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

ローカルで開発してせっかくだから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にできるっぽいです。

終わりで〜す

6
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?