更新:2024/12/13

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

はるか
はるか
別のデバイスから開発中のページを見る方法、わかる?
ふゅか
ふゅか
もちろん!ローカル開発中のサイトをスマホで確認するには、PCのIPアドレスを使うのが基本よ!

1. スマホからアクセス

Laravelなどを使用してローカルで開発を行っている際に、スマートフォンからもページを確認したい場合があります。

2. 手順

2.1. ローカルIPアドレスを確認する

スマートフォンからPCにアクセスするために、PCに割り当てられているIPアドレスを確認します。

2.2. Windowsの場合

  1. コマンドプロンプト(cmd)を開きます。
  2. 以下のコマンドを入力します。
    ipconfig
    
  3. 結果の中から、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