ローカルサーバに配置したWebサイトにスマホからアクセスしたい。

Question

ローカルで作成したWebサイトをスマホでも確認したいです。

URLにIPアドレスを指定してアクセスすればできるかと考えていましたが失敗しました。

PCのファイアウォールの設定を変更するのか、
そもそもローカルサーバにアクセスすることが出来るのか、
スマホの設定が必要なのか、
原理を理解できていないので何から手を出せばいいのかわかりません。
ご教示お願いいたします。

開発環境と現在の状況を下記に示します。
↓

▼目的
ローカルで作成したWebサイトをスマホの画面で確認したい

---

▼環境
PC
・OS:　Windows10
・ローカルサーバ：　WildFly10（jBoss）
・※セキュリティソフト：　Norton Security

スマホ
・iPhone6

---

▼状況
・ローカルサーバに配置したWebサイトはPCでブラウザ上で表示できた
・ipconfigでPCのIPアドレスは確認済み
・同一のWiFiに接続済み
・「http://localhost:8080/sample~/sample.html」の「localhost:8080」を「IPアドレス:8080」に変えてスマホでアクセスするも失敗

---

▼課題
・ファイアウォールの設定？
・スマホの設定？
・ローカルサーバの設定？

---

以上です。
よろしくお願いいたします。

Answer 1

前提

• スマホから見た場合、ローカルサーバはlocalhostでは無いのでlocalhostではアクセス出来ない（localhostは自分自身のことなので、スマホから見たlocalhostはスマホ自身）
• ローカルサーバが取得しているプライベートIPでアクセスする必要がある(家庭用ルータなら192.168.xxx.xxxが多い)

やること

• ローカルサーバのファイアーウォールを無効化（接続が確認出来た後に適切な設定を探る）
• ローカルサーバのセキュリティ関係を無効化（接続が確認出来た後に適切な設定を探る）
• ローカルサーバとスマホをwifiで同じアクセスポイントに接続する
• ルータの設定でwifi機器同士が通信出来ないような設定がある場合(例)は無効化する
• ローカルサーバのプライベートIPアドレスを確認
• ローカルサーバのwebサーバの設定でIPアドレスによるアクセスを許可する
• スマホをwifiに接続（モバイルデータ通信は無効化しておくと確実）
• スマホからローカルサーバのIPアドレスでアクセス

という感じで大体の場合はいけるはず。

Answer 2

localhostではなく、Windowsマシンに割り振られているIPアドレスを指定してください。
Windowsにて、コマンドプロンプトから ipconfig を実行すれば表示されます。

Answer 3

そのローカルサーバにWifiルータを繋いで、スマホからWifiでつなげれば、そいつのローカルIPでアクセスできます

Comments

[退会済みユーザー]

同一のWiFiに接続して確認しましたが、アクセスできませんでした。

[y_waiwai]

ファイアウオールとかアンチウィルスソフトとかセキュリティソフトとか入ってるなら全部外そう。
外すんじゃなくて、全部アンインストール、のほうがいいかも

[y_waiwai]

ああ、Webサーバの設定でローカルIPからのアクセス弾いてないかもみとくべし

[退会済みユーザー]

URLが間違っていたのか再挑戦したらできました。
ありがとうございます。

Answer 4

以下の方法で解決し、スマホでローカルのサイトを表示できました。
・サーバ（wildFly）の設定で、ホスト名を「localhost」からサーバIPアドレスに変更。
・PCとスマホを同一のWiFiに接続。
・URLの「localhost:8080」を「サーバIPアドレス:8080」に変更してスマホでアクセス
・※ファイアーウォールやスマホの設定は特に変更なし。

ご教示くださった皆様、ありがとうございます。