Laravelでローカルの開発中のページをスマホでも確認する方法


はるか
別のデバイスから開発中のページを見る方法、わかる?

ふゅか
もちろん!ローカル開発中のサイトをスマホで確認するには、PCのIPアドレスを使うのが基本よ!
目次
1. スマホからアクセス
Laravelなどを使用してローカルで開発を行っている際に、スマートフォンからもページを確認したい場合があります。
2. 手順
2.1. ローカルIPアドレスを確認する
スマートフォンからPCにアクセスするために、PCに割り当てられているIPアドレスを確認します。
2.2. Windowsの場合
- コマンドプロンプト(
cmd
)を開きます。 - 以下のコマンドを入力します。
ipconfig
- 結果の中から、
IPv4 Address
の項目を探します(例:192.168.1.100
)。

はるか
IPアドレス?どうやって調べるの?

ふゅか
簡単よ!例えばWindowsなら、コマンドプロンプトで
ipconfig
を実行して、IPv4 Address
を探せばいいの!3. 開発サーバーをIPアドレスで起動する
デフォルトでは 127.0.0.1
(localhost)でサーバーが起動しますが、スマートフォンからアクセスするにはPCのローカルIPアドレスを使用する必要があります。
以下のように --host
オプションを指定してサーバーを起動します。
php artisan serve --host=0.0.0.0
これにより、全てのデバイスから接続可能になります。
- デフォルトのポートは
8000
です。 - サーバーが正常に起動すると、以下のように表示されます。
3.1. スマホからアクセスする
スマートフォンのブラウザを開き、以下のURLにアクセスします。
http://[PCのローカルIPアドレス]:8000
例: PCのローカルIPアドレスが 192.168.1.100
の場合は、
<http://192.168.1.100:8000>
と入力します。
4. トラブルシューティング
4.1. サーバーにアクセスできない場合
他のアプリケーションがポート8000を使用している場合、別のポートを指定します。 スマートフォンからは http://192.168.1.100:8080
にアクセスします。
php artisan serve --host=0.0.0.0 --port=8080
PR