vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間13万PV〜。

Herokuにムームードメインで取得した独自ドメインを利用 & SSL化

   

LINEで送る
Pocket


こんにちは、okutani(@okutani_t)です。本記事では、Herokuに「ムームードメインで取得した独自ドメインを設定」する方法と、同時に「SSLの設定」をおこなう方法について解説しています。

本記事では話を分かりやすくするため、SSLの設定に関しては「有料Dynoを利用しているアプリ」を前提にしています。

ちなみに、Dynoの有料化はHerokuダッシュボードから「Resources」→「Upgrade to Hobby…」からおこなうことができます。

執筆現在では、一番安い有料プランHobbyで月額$7です。

また、今回は独自ドメインをHerokuに設定していきますが、話をかんたんにするため「www付き」のドメインを設定していきます。

www無しのルートドメインをHerokuに設定するのはすこし難易度が高いため、そちらは今回無視して進めていきます。

Herokuについては以下の記事を一読しておくと、より理解が深まるかと思います。

【Rails】Herokuの登録&初期設定からデプロイ方法までまとめ
こんにちは、okutani(@okutani_t)です。本記事では『Heroku』の登録方法、かんたんな初...
2017-08-25 02:03
はてブ

ムームードメインについても同様に以下の記事を一読しておくと理解が深まります。

ムームードメインの登録手順~独自ドメインってなに?から解説〜
こんにちは、okutani(@okutani_t)です。本記事では『ムームードメインの登録方法』から、『ド...
2015-11-28 14:45
はてブ

それでは、さっそくHerokuにムームードメインで取得した独自ドメインと、SSLの設定をおこなう方法について見ていきましょう。

スポンサーリンク

SSLの設定方法

まずはじめに、SSLの有効化の方法から見ていきましょう。

Heroku管理画面からSSLの設定をおこないます。

とは言ってもかんたんで、「Settings」→「Domains and certificates」→「Configure SSL」を選択。

「Automatically」を選択して「Continue」をクリック。

SSL設定をおこなったので、今後DNSを設定をおこなう場合は「yourdomain.herokudns.com」の形式を利用するように促されます。「I’ve done this」を選択。

これでSSLの設定は完了です。かんたんですね。

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

では、次にムームードメインの管理画面にアクセスして、独自ドメインの設定をおこなっていきましょう。

LINKコントロールパネル | ムームードメイン

ログインができたら「ドメイン管理」→「ムームーDNS」→設定したい独自ドメインの「変更」を選択。

「設定2」内を以下のとおり設定して、「セットアップ情報変更」をクリック。

サブドメイン www
種別 CNAME
内容 www.独自ドメイン.herokudns.com

これでムームードメイン側の設定は完了です。

Herokuアプリにドメインを追加

ターミナルから以下のコマンドを実行。example.comの部分は適宜変更してください。

$ heroku domains:add www.example.com

きちんと設定されたか確認。以下のコマンドで確認できます。

$ heroku domains

あとはDNSの設定が反映されるのを待ちましょう。私の場合は3分ぐらいで反映されました。

これで独自ドメインを使ってHerokuでアプリを公開することができますね。

まとめ

本記事では、Herokuにムームードメインで取得した独自ドメインをSSLで利用するまでを解説しました。

有料プランだとSSL対応がとてもかんたんで良いですね。

ただし、このままだと「アプリ名.herokuapp.com」でもアクセスができてしまうため、301リダイレクトの設定をおこなうとさらに良いです(以下の記事はRailsアプリの例)。

【Rails】「rack-rewrite」gemでドメインごと301リダイレクトさせる
こんにちは、okutaniです(@okutani_t)。本記事ではRuby on Railsでリダイレクト...
2017-10-21 15:53
はてブ

Herokuで独自ドメインの設定と、SSLを利用したい方の参考になれば幸いです。

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
Herokuではwww無しの独自ドメインが設定しにくいので今回はスルーしました。まぁ、wwwは気分の問題な気もします。

 - Heroku

スポンサーリンク

PC用AdSense

PC用AdSense

  こちらもどうぞ

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。