Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

HerokuAppへのカスタムドメインの設定方法

More than 5 years have passed since last update.

お名前ドットコムでドメインを取得してから設定する手順です。

①ネームサーバを設定する。

1.ドメインNAVIを開く。
https://www.onamae.com/domain/navi/domain

2.DNS関連機能設定を押下して一覧を表示する。

3.対象の内部ドメインを選択して「次へ進む」を押下する。

4.DNSレコード設定を利用するの「設定する」を押下する。

5.入力欄のホスト名等に設定値を入力する。
※右横に画面が長いため、横にスクロールして見ないと一見して入力欄がひとつしか無いと思ってしまうので要注意!

入力例:
ホスト名=NAME:www
TYPE:CNAME
TTL:3600(デフォルト)
VALUE:[アプリケーション名].herokuapp.com

6.追加ボタンを押下する。

7.登録済み欄に入力値が登録されたことを確認する。

8.確認画面へ進むを押下して登録完了。

②Herokuへ登録する

1.ドメイン追加

heroku domains:add www.ドメイン名.xxx

コマンド実行結果

Adding www.ドメイン名.xxx to [アプリケーション名]... done

③その他

facebookアプリとして連携をログイン認証を実装している場合は、
URL登録をし直す必要があります。

以上

【参考情報】

プロフェッショナルのための 実践Heroku入門 プラットフォーム・クラウドを活用したアプリケーション開発と運用 (書籍) P.112-114
http://www.amazon.co.jp/dp/4048915134

diveintocode
プロのエンジニアになるために挑戦する人が、チャンスをつかめる場をつくる
https://diveintocode.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away