マスジョイ
PR
Laravel PHP
更新: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
ホームに戻る