LoginSignup
14
7

More than 5 years have passed since last update.

ローカル開発環境URLをlocalhost:3000以外に変更する

Last updated at Posted at 2018-02-11

やりたいこと

localhost:3000でなくアプリ名:3000でローカルの動作確認を出来るようにしたい

↓↓↓今回やりたいことのゴール

image.png

背景

ローカルで自分の作ったRailsアプリの動作確認の際に毎回localhost:3000にアクセスするのですが、localhost:3000でデフォルトのままだと何かイケてない気がする...
アプリ名:3000でアクセス出来るようにしたい

前提

Macを使用していること

手順

1.etc ディレクトリ以下のhosts (ローカルホストの設定ファイル)を書き換える


# ターミナルで以下のコマンド実行

> sudo vim /etc/hosts

2.hostsファイル内のローカル・ループバック・アドレス(127.0.0.1部分)の同じ行にアプリ名を追記する


# hostsファイル内

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1       localhost   こちらも残しておけば、通常のlocalhost:3000でもアクセス出来る
<中略>
127.0.0.1       アプリ名       今回追加するもの


3.rails sで、アプリ名:3000でアクセス出来ればOK
image.png

まとめ

現在の会社の開発環境構築手順の中にhostsを書き換える部分があり、
そこではじめて、hostsのローカル・ループバック・アドレス(127.0.0.1部分)を編集することでlocalhost:3000ではなく、アプリ名.dev:3000アプリ名.test:3000でアクセス出来ることを知りました。
専門学校だったり、参考書であまり触れない部分だと思うので、
知らない方向けに投稿させて頂いた次第です!

注意

2017年末あたり、Chromeのバージョンアップの際に、開発環境のURLに.devを含む場合は、開発環境もhttpsに対応させないとアクセス出来なくなってしまいました...
アプリ名.devは使わない方が無難かもしれません。

↓↓↓実際の画面

image.png

14
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
7