Casual Developers Notes

初級・中級のエンジニアやデザイナー向けに技術情報と英語学習情報を提供中。エンジニアもデザイナーも技術と英語を身に着けて海外に飛び立とう!

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • お問い合わせ
You are here: Home / Archives for domain

2018年5月25日 By Keid Leave a Comment

Herokuアプリに独自ドメインを設定する方法

Herokuアプリに独自ドメインを設定する方法

アプリケーションを作り、それを公開するには独自ドメインの設定は必須です。今回はHeroku上で作ったアプリケーションに独自ドメインを設定する方法を紹介します。

はじめに

Herokuにアプリケーションをデプロイしたら、公開するためには独自ドメインを設定する必要があります。Herokuでは独自ドメインの設定自体無料で行えるので、無料枠の範囲で行なえます。それでは方法を見ていきましょう。

Herokuアプリに独自ドメインを設定する手順

独自ドメインを購入する

お名前ドットコムでもムームードメインでもどこでも良いので、まずは独自ドメインを購入しましょう。だいたい年間1200円くらいです。余談ですが、もしドメイン購入が初めてなら、複数年契約はしない方が良いです。DNS会社はドメイン名が間違っていた時に変更に応じてくれないので、複数年契約すると間違った時にお金が無駄になります。私も1回複数年契約したドメインに一文字誤りがあり、DNS会社に問い合わせても無理ですの一点張りで終わった悲しい経験があります。

Herokuにドメインを設定する

それでは、自分のHerokuアプリのディレクトリに移動し、heroku domainsコマンドでドメインを設定していきましょう。今回は「yourdomain.com」という独自ドメインを購入した前提で、「www.yourdomain.com」というサブドメインを設定していきます。

$ cd your-herokuapp
$ heroku domains
=== your-herokuapp-xxxxx Heroku Domain
your-herokuapp-xxxxx.herokuapp.com
$ heroku domains:add www.yourdomain.com
Adding www.yourdomain.com to ⬢ your-herokuapp-xxxxx... done
...
$ heroku domains
=== your-herokuapp-xxxxx Heroku Domain
your-herokuapp-xxxxx.herokuapp.com

=== your-herokuapp-xxxxx Custom Domains
Domain Name          DNS Record Type  DNS Target
───────────────────  ───────────────  ─────────────────────────────────
www.yourdomain.com  CNAME            www.yourdomain.com.herokudns.com

これでHerokuの設定は完了です。一応、詳しくはHerokuの公式サイトを確認して下さい。

DNSサーバーのドメイン設定を変更する

DNSサーバーには以下の情報を設定する必要があります。それぞれの設定値は先程Herokuに設定したものです。

  • サブドメイン名: www
  • 種別: CNAME
  • 内容: www.yourdomain.com.herokudns.com

一例として、ムームードメインの場合は以下にように設定します。今回はデフォルトの「ムームーDNS」をDNSサーバーとして設定している前提で説明します。

ムームードメインにログインし、「ドメイン管理 -> ムームーDNS」を選択します。

Mumu panel

「設定1」は無視して、「設定2」に先程の設定値を入力し、「セットアップ情報変更」をクリックすれば完了です。

Mumu custom dns

2日以上待って反映されていない場合は、とりあえずDNS会社に問い合わせてみるとよいでしょう。

ドメインの設定を確認する

hostコマンドで独自ドメインが正しく設定されていることを確認します。

$ host www.yourdomain.com
www.yourdomain.com is an alias for www.yourdomain.com.herokudns.com.
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX
www.yourdomain.com.herokudns.com has address XXX.XXX.XXX.XXX

複数のIPアドレスが割り当てられている事が確認できます。

この後で、ブラウザで「www.yourdomain.com」を開くと、自分のHerokuアプリが独自ドメインで表示されます。

最後に

いかがでしたか?せっかくHerokuにアプリをデプロイしたのであれば、独自ドメインの設定までして公開してみましょう。では。

カテゴリ : 技術 Tips & Tutorials タグ : domain, heroku

技術力と英語力を向上させて
あたなを次のステージへ引き上げるための無料メルマガ

Sponsored Links

About Author

Keid

カナダを拠点に活躍する(予定)デベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職したまでは予定通りの人生だったが、日本のIT業界に失望したことで考え方が変わり、海外への挑戦を決意。海外に行きたくても英語ができなかっため、語学留学を経て強制的に英語を上達させ、カナダへの切符を手にした。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。(写真は旅行で行ったラスベガス)

https://casualdevelopers.com/

最近の投稿

  • NPMモジュールを自動的にセマンティック・バージョニングで管理する方法(semantic-release編)

    NPMモジュールを自動的にセマンティック・バージョニングで管理する方法(semantic-release編)

    2019年2月15日
  • Go言語でさくっとREST APIを作ろう(Gorilla Mux編)

    Go言語でさくっとREST APIを作ろう(Gorilla Mux編)

    2019年2月4日
  • MacBook ProでApp Storeのアプリをアップデートする際に「This item is temporarily unavailable」と怒られた場合の対処法

    MacBook ProでApp Storeのアプリをアップデートする際に「This item is temporarily unavailable」と怒られた場合の対処法

    2019年2月1日
  • Go言語のためのVisual Studio Codeの設定方法

    Go言語のためのVisual Studio Codeの設定方法

    2019年1月28日
  • reCAPTCHAをWordPressに導入してロボットによるスパムメールを防ぐ方法

    reCAPTCHAをWordPressに導入してロボットによるスパムメールを防ぐ方法

    2019年1月25日

カテゴリ

  • 技術 Tips & Tutorials (85)
  • 技術塾 (5)
  • ライフハック (25)
  • 海外留学 (11)
  • 英語学習 (3)
  • コラム (7)

アーカイブ

最高の学習のために

人気記事ランキング

  • Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
    Jupyter Notebookで「The kernel appears to have died. It will restart automatically.」というエラーが出た場合の原因と対処法
  • MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
    MySQLで「ERROR 2003 (HY000): Can't connect to MySQL server」と怒られた時の対処法
  • データサイエンスのためのAnaconda環境構築とTensorflowのインストール方法(Docker編)
    データサイエンスのためのAnaconda環境構築とTensorflowのインストール方法(Docker編)
  • Herokuの無料dynoをスリープさせないで24時間稼働させる4つの方法
    Herokuの無料dynoをスリープさせないで24時間稼働させる4つの方法
  • [tips][Sublime Text] Sublime Text 3で文字化けしない方法
    [tips][Sublime Text] Sublime Text 3で文字化けしない方法
  • PythonでWebスクレイピング入門(Scrapy+Selenium編)
    PythonでWebスクレイピング入門(Scrapy+Selenium編)
  • SAKURAのメールボックスで独自ドメインのメールを設定し、Gmail経由で送受信する方法
    SAKURAのメールボックスで独自ドメインのメールを設定し、Gmail経由で送受信する方法
  • TumblrからWordPressにブログ移転する最適な方法
    TumblrからWordPressにブログ移転する最適な方法
  • バンクーバー留学豆知識:バンクーバーのATMで日本の銀行のキャッシュカードを使ってお得にお金を引き出す方法
    バンクーバー留学豆知識:バンクーバーのATMで日本の銀行のキャッシュカードを使ってお得にお金を引き出す方法
  • [tips][Windows] Windows Updateを一括で行う方法
    [tips][Windows] Windows Updateを一括で行う方法

Bitcoin寄付

Bitcoinを寄付しよう

BTC
Select Payment Method
Personal Info

Donation Total: BTC 0.0010

このブログの運営のためにBitcoinでの寄付を募集しています。お気持ち程度の寄付を頂けると管理者の励みになります。

Bitcoin寄付について知りたい方はこちらの記事へ

ビットコイン取引ならここ

  • ホーム
  • 技術 Tips & Tutorials
  • 技術塾
  • ライフハック
  • 海外留学
  • 英語学習
  • コラム
  • サイトマップ
  • タグ一覧
  • プライバシーポリシー
  • お問い合わせ

Copyright © 2019 Keid - Casual Developers Notes