スポンサーリンク

Angularのlocalhostのwebサーバにスマホから接続する方法

Angularプロジェクトをローカルで立ち上げたときに、スマホ画面などを確認するときに、スマホからアクセスしたいときがあったので、やり方をまとめておきます。

Angular側の設定

Angularプロジェクトを通常、ng serveでwebサーバを立ち上げますが、
以下のようにオプションを付けて、localhostにwebサーバを立ち上げます。

ng serve --host 0.0.0.0

IPアドレスの確認

Angularのwebサーバを立ち上げているPCが、Windowsであれば、
ipconfigなど実行して、ipアドレスを取得します。

スマホからangularのwebサーバにアクセス

スマホとPCの接続しているWifiを同じものにして、
スマホのブラウザから、「http://[ipアドレス]:[ポート番号]」とURLを入力することで、
localhostで立ち上げたAngularのwebサーバにアクセスできます。