[Rails][Vagrant]Vagrantの rails server で起動しているアプリケーションにローカルPCからブラウザアクセスする

Follow @mycb750

はじめに

Vagrantの仮想マシン上でrails serverで実行した場合のローカルPCからアクセスする方法をメモしておきます。

Vagrantの仮想マシンにローカルPCよりブラウザアクセスする方法

vagrantの設定ファイルVagrantfileを修正し、ipアドレスの設定、ポートの設定を行います。
ポートはrails仕様で3000番ポートが使用されるため、仮想環境の3000番ポートをローカルPCの3000番ポートに転送（ポートフォワード）を行います。

手順1「IPアドレスの設定」

Vagrantfileの下記行のコメントアウトを外します。
ここで指定するipアドレスがローカルPCからアクセスするIPアドレスになります。

# config.vm.network :private_network, ip: "192.168.33.10"
config.vm.network :private_network, ip: "192.168.33.10"

手順2「ポートフォワードの設定」

Vagrantfileの下記行のコメントアウトを外し、ポート設定を行います。
vagarant仮想環境のポート3000番をローカルPCのポート3000番にポートフォワードします

# config.vm.network "forwarded_port", guest: 80, host: 8080
config.vm.network :"forwarded_port", guest: 3000, host: 3000

手順3「3000番ポートをファイアウォールより開放」

iptablesを無効にしている場合は全ポート開放されているため個別の開放は不要です。
下記よりファイアウォールを切る事ができます

$ sudo service iptables stop
$ sudo chkconfig iptables off

個別に3000番ポートのみ開放する場合はiptablesファイルを編集します。

$ sudo vi /etc/sysconfig/iptables

追加記載：

-A INPUT -p tcp -m tcp --dport 3000 -j ACCEPT

手順4「Vagrantfileの設定反映」

Vagrant up　していない場合：

$ vagrant up

既にVagrant up　している場合：

$ vagrant reload

手順5「rails serverでプロジェクトの起動」

vagrant仮想マシンへssh接続

$ vagrant ssh

Railsプロジェクトのディレクトリ直下でrails server　コマンド実行

$ rails server

※ rails s と省略してよし

ローカルPCよりアクセスの確認

ブラウザURI指定

http://192.168.33.10:3000/

または

http://localhost:3000/

「Welcome aboard」が表示されればOKです

その他おすすめの備忘録

• [Vagrant][Rails]Vagrant(CentOS) + VirtualBoxでRailsの開発環境を構築する
• [Vagrant]Vagrantfileで指定したipアドレスでアクセスができない場合の対応
• [Vagrant + Chef]CentOSにPHP + MYSQL + APACHE 環境を構築する
• [Vagrant][Mac]vagrant ssh-configを使い、Cyberduck(SFTP) / SSHでVagrantへ接続する
• [Git][Github]PullRequestのコードをローカルでチェックアウトする方法について
• [CentOS][Ruby][Rails]最新・安定版のRuby2.2.1(rbenv) / Rails4.1.1環境を構築する
• [Android]localhostエラー：org.apache.http.conn.HttpHostConnectException: Connection to http://localhost refused
• [CentOS6]Gitlabをサブディレクトリでアクセスできるようにする(およそ3分作業)
• [CentOS6]Gitlabを公式ドキュメントに従いインストールする(およそ3分作業)
• [MAC]HighSierraでgitプッシュエラー「Unable to negotiate with xxx.xxx.xxx.xxx port xx: no matching cipher found. Their offer: aes128-cbc,3des-cbc,blowfish-cbc,cast128-cbc,arcfour,aes192-cbc,aes256-cbc,rijndael-cbc@lysator.liu.se fatal: Could not read from remote repository.」