Herokuにムームードメインで取得した独自ドメインを利用 & SSL化
2017/12/10
こんにちは、okutani(@okutani_t)です。本記事では、Herokuに「ムームードメインで取得した独自ドメインを設定」する方法と、同時に「SSLの設定」をおこなう方法について解説しています。
本記事では話を分かりやすくするため、SSLの設定に関しては「有料Dynoを利用しているアプリ」を前提にしています。
ちなみに、Dynoの有料化はHerokuダッシュボードから「Resources」→「Upgrade to Hobby…」からおこなうことができます。
執筆現在では、一番安い有料プランHobbyで月額$7です。
また、今回は独自ドメインをHerokuに設定していきますが、話をかんたんにするため「www付き」のドメインを設定していきます。
www無しのルートドメインをHerokuに設定するのはすこし難易度が高いため、そちらは今回無視して進めていきます。
Herokuについては以下の記事を一読しておくと、より理解が深まるかと思います。
ムームードメインについても同様に以下の記事を一読しておくと理解が深まります。
それでは、さっそくHerokuにムームードメインで取得した独自ドメインと、SSLの設定をおこなう方法について見ていきましょう。
スポンサーリンク
SSLの設定方法
まずはじめに、SSLの有効化の方法から見ていきましょう。
Heroku管理画面からSSLの設定をおこないます。
とは言ってもかんたんで、「Settings」→「Domains and certificates」→「Configure SSL」を選択。
「Automatically」を選択して「Continue」をクリック。
SSL設定をおこなったので、今後DNSを設定をおこなう場合は「yourdomain.herokudns.com」の形式を利用するように促されます。「I’ve done this」を選択。
これでSSLの設定は完了です。かんたんですね。
ムームードメイン側の設定
では、次にムームードメインの管理画面にアクセスして、独自ドメインの設定をおこなっていきましょう。
ログインができたら「ドメイン管理」→「ムームーDNS」→設定したい独自ドメインの「変更」を選択。
「設定２」内を以下のとおり設定して、「セットアップ情報変更」をクリック。
| サブドメイン | 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アプリの例）。
Herokuで独自ドメインの設定と、SSLを利用したい方の参考になれば幸いです。
Web開発のお仕事を募集しています
フリーランスのエンジニアとして、Webシステム開発のお仕事依頼を随時募集しています（現在の業務量によってお受けできない場合もあります）。
「Ruby on Rails」「JavaScript（jQuery, Reactなど）」「HTML + CSS」を用いたシステム開発、「Heroku」等を用いたサーバー構築・運用、「Git」や「GitHub」を利用したソーシャルコーディングなどに対応しています。
ご依頼を検討している方は、下記リンク本ブログからのお問い合わせ、もしくはokutaniのポートフォリオからご連絡ください。
LINKお問い合わせ
スポンサーリンク
