Quantcast
Viewing all articles
Browse latest Browse all 5712

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

やりたいこと

localhost:3000ではなくアプリ名:3000でローカルでの動作確認出来るようにしたいImage may be NSFW.
Clik here to view.
:eyes:

↓↓↓今回やりたいことのゴールImage may be NSFW.
Clik here to view.
:confetti_ball:

Image may be NSFW.
Clik here to view.
image.png

背景

ローカルで自分の作ったRailsアプリの動作確認の際に毎回localhost:3000にアクセスするが、
localhost:3000でデフォルトのままだと何かイケてない気がするImage may be NSFW.
Clik here to view.
:thinking:

アプリ名:3000でアクセス出来るようにしたいImage may be NSFW.
Clik here to view.
:satellite:

手順

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

# ターミナルで以下のコマンド実行>sudovim/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.1localhost<中略>127.0.0.1アプリ名

3.rails sで、アプリ名:3000でアクセス出来ればオッケーImage may be NSFW.
Clik here to view.
:relaxed:

Image may be NSFW.
Clik here to view.
image.png

まとめ

現在の会社の開発環境構築手順の中にhostsを書き換える部分があり、
そこではじめて、hostsのローカル・ループバック・アドレス(127.0.0.1部分)を編集することでlocalhost:3000ではなく、アプリ名.dev:3000アプリ名.test:3000でアクセス出来ることを知りましたImage may be NSFW.
Clik here to view.
:sweat:

専門学校だったり、参考書であまり触れない部分だと思うので、
知らない方向けに投稿させて頂いた次第ですImage may be NSFW.
Clik here to view.
:writing_hand:

注意

2017年末あたり、Chromeのバージョンアップの際に、開発環境のURLに.devを含む場合は、開発環境もhttpsに対応させないとアクセス出来なくなってしまいましたImage may be NSFW.
Clik here to view.
:japanese_goblin:

なので・・・
アプリ名.devは使わない方が無難かもしれませんImage may be NSFW.
Clik here to view.
:thinking:

↓↓↓実際の画面

Image may be NSFW.
Clik here to view.
image.png


Viewing all articles
Browse latest Browse all 5712

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>