mac(PC)のlocalhost(MAMP)をiPhone(スマホ)で表示する方法

カテゴリー︎: 【iPhone (iOS)】・【mac】

macのローカル環境(MAMP)で開発している際に

スマホでの確認は必須なのだけど

編集・更新するごとに、いちいちWebサーバにUPしたり

PCとiPhoneをケーブルにつないだり

それっぽいアプリをインストールするのが

とても、とても面倒くさい!!

もっと

楽に、素早く、PCとスマホを同時に確認したい!!

という人は、下記の3ステップを試してほしい!

設定時間は、約4〜5分くらい

現在PCで作業しているURLは
http://localhost/test/
とする

(1) mac(PC)とスマホを同じWi-Fiでつなぐ

mac(PC)の確認方法 → 右上のWi-Fiマークをクリック

iPhoneの確認方法 → 設定 → Wi-Fi の状況を確認して
mac(PC)と同じWi-FiにつながっていればOK!
今回は「Buffalo-●●●●●」のWi-FiにPCとスマホがつながっている状態
※ ●●●●● は 英数字になっている

(2) mac側のIPアドレスを調べる

macの システム環境設定 → ネットワーク を開く

こちらの環境では上記画像の赤線部分
192.168.1.4
がmac(PC)のIPアドレスである

(3) iPhoneのブラウザを開いてIPアドレスを入力する

iPhoneのブラウザ(今回はSafari)を開いて
http://localhost/test/ と入力して、goボタンを押下すると
作業していたwebページがiPhoneで見れるはずだ

このように、同じWi-Fi環境につないで

MAMPが起動しているPCのIPアドレスを入力すれば

スマホだけでなく、タブレットや他のPCからでも

同じwebページを見ることができる

もちろん、MAMPが起動していないとWebページは表示はされないので

きちんと、mac(PC)のMAMPが起動しているか確認しよう

PAGE TOP