vagrantのnginxで公開したhtmlなどをwindowsと同じネットワークのiphoneなどで確認する方法

vagrantを動作させているパソコンで確認するまでの流れ

• sudo yum install -y nginxでnginxをインストール
• sudo nginxで起動
• 「services:」に「http」が含まれなければ、sudo firewall-cmd --add-service=http --zone=public --permanentで追加する
• sudo firewall-cmd --reloadで反映
• firewall-cmd --list-allでhttpが許可されたか再度確認
• vagrantを動作させているパソコンでhttp://192.168.33.11/を見るとnginxのWelcome画面が表示される
  ※vagrantのプライベートIPをhttp://192.168.33.11/で動作させている場合

iphoneで確認するまでの流れ

• vagrant haltでVMを一旦停止
• 「Vagrantfile」を下記のように修正

  config.vm.box = "centos"
  config.vm.network :private_network, ip:"192.168.33.11"

↓↓↓↓↓↓↓↓↓↓↓

  config.vm.box = "centos"
  config.vm.network :private_network, ip:"192.168.33.11"
  config.vm.network :forwarded_port, guest:80, host:8080, id:"http"

• vagrant upでVMを開始
• sudo nginxで起動
• iphoneでhttp://192.168.10.101:8080/を見るとnginxのWelcome画面が表示される
  ※windowsでesetなどのファイアーウォールが入ってる場合は対話モードなどにしてiphoneとの通信を許可してください

参考

• vagrantのネットワークについて