macのlocalhostにiPhoneで接続する方法

Question

macでxamppを使って開発をしています

iphoneで確認したいのですがいろいろ調べてやってみてもうまくいかなかったので質問させていただきます

iphoneとmacのIOSバージョンが違うとできないなどありますか？

Answer 1

まずMacのIPアドレスを確認します。

$ ifconfig en0

en0: flags=8863<UP,BROADCAST,SMART,RUNNING,SIMPLEX,MULTICAST> mtu 1500
	options=400<CHANNEL_IO>
	ether b8:e8:56:3c:6c:52 
	inet 192.168.1.11 netmask 0xffffff00 broadcast 192.168.1.255

そして、iPhoneのブラウザ(Safariなど)で
http://192.168.1.11
と入力すればMacで動いているホームページが閲覧できます。

当然、Mac側でWebサーバが動いていることが前提ですが。
（追記）ネットワーク的にもiPhoneからMacにつながることが前提です。

Comments

[popopop]

同じwifiに接続して
http://ipアドレス　　
だけであってますか？
WEBサーバーが動いていることが前提とはネットに繋がっているってことであってますか？

[technocore]

＞だけであってますか？
合ってます。
＞WEBサーバーが動いていることが前提
WebサーバとはxamppのApacheのことです。
また、MacとiPhoneがルータ（無線WiFi）経由でネットワーク的に
つながっていればよいです。
少なくともMacからiPhoneにPingを送って返ってくることは確認
してください。（できればiPhoneからも）

[popopop]

apacheも動いていてmacからiphoneにpingを送って帰ってきたのですが
つながらないです。

[technocore]

＞pingを送って帰ってきたのですがつながらないです。
それだと、おそらくルーターの設定変更が必要ですね。
セキュリティ上ポート分離機能が働いている可能性もあります。

[TsukubaDepot]

ご自身のmacでsafariやFireFoxを起動し、そこからapacheへは接続できていますでしょうか。

そのときのアドレスも、http://localhost ではなくて、http://192.168.x.x のような具体的なアドレスで接続できていますでしょうか。

もし接続できないなら、そもそも apache が動いているか確認できていますでしょうか。

ちなみに、teratail で過去問を見ると、mac+XAMPPでトラブルを被っている人がかなりいるようです。
macだとXAMPPではなくてMAMPを使うのが良さそうですが、こちらはいかがでしょうか。
https://teratail.com/search?q=xampp+mac++%E8%B5%B7%E5%8B%95&sort=updated-desc

[退会済みユーザー]

ポート番号の確認もお忘れなく。
そして、推察通り、macでXAMPPを使うトラブルが多いので、素直にMAMPに切り替えたほうがいいと助言します。