デジタル主義

主にデジタル関連サービスの話などを書いていきます

herokuに独自ドメインを設定する方法

ドメインとは

いわゆるURLでhttp://xxxx.com/
みたいなのがあった時、

xxxx.com

というものです。

herokuとは

herokuとはRuby on Railsで作ったWebサービス等をホスティングするためのサービスです。
Gitでpushするだけでデプロイ(サーバーにファイルをアップロードし、ホスティングすること)が可能となります。

元々、デフォルトのドメインが設定されているため、
今回はherokuに独自ドメインを設定する方法を説明します。

ドメインの取得

何はなくともドメインを取得する必要があります。
今回はムームードメインを使ってドメインを取得しましょう。

ドメイン会社は数あれど、個人的に一番使いやすいドメイン会社がこの
ムームードメイン
でした。

ムームードメインでの設定

ドメインを取得したら、次はムームードメインの管理画面から、

コントロールパネル > ドメイン一覧 > ドメイン個別ページ > (ネームサーバ設定変更)セットアップ

へ遷移します。
そこで、設定2で「サブドメイン」、「種別」、「内容」を入力するところがあるので、それぞれ
「www」、「CNAME」、「[heroku上でのappname].herokuapp.com」を入力します。
表的には下記のようになります。

サブドメイン 種別 内容
www CNAME [heroku上でのappname].herokuapp.com

このような形になります。
これでムームードメインの設定は終了。次はherokuでの設定となります。
(ムームードメインとherokuを組み合わせる場合、サブドメインは必須となります。)

herokuでの設定

ムームードメインでの設定は以上で、次はherokuで独自ドメインを登録する方法を説明します。

ターミナルで下記コマンドを実行します。

heroku domains:add www.[ムームードメインで購入したドメイン]

ここでのポイントは「www.」をつける必要があるということです。

そうすると管理画面の

Apps > [Application名] > Setting

のDomainsという部分にCustom Domainsがあります。
その表が

Domain Name DNS Target
www.[ムームードメインで購入したドメイン] [heroku上でのアプリケーション名].herokuapp.com

となっていれば完成です。

まとめ

1. ムームードメインドメインを購入
2. ムームードメインの管理画面でドメインを設定
3. ムームードメインで取得したドメインをherokuで設定

以上の手順でherokuに独自ドメインを設定することが出来ます。

今回取得したムームードメインのURLはこちら

https://muumuu-domain.com