[Angular]スマホで簡単にホットリロードする方法

扱う内容

自分も最近知ったのですが、Angularで作ったプロジェクトをスマホで検証しようとしたとき、いちいちビルドするの億劫だったりします。
その時に、このやり方を使えば、同じIPを共有している端末であれば、ライブでホットリードの環境が共有できます。

やり方

STEP 1 自分のIPアドレスを調べる

windowsであれば

ipconfig | findstr /r "[0-9][0-9]*\.[0-9][0-9]*\.[0-9][0-9]*\.[0-9][0-9]*"

と入力して、IPアドレスを調べます。

mac の場合は

ifconfig

で調べれるらしいです。（手元に端末が無い・・・）

STEP 2 IPアドレスをhostに指定してコマンドを叩く

$ ng serve --host <PCのIPアドレス>

STEP 3 下記のURLにアクセスする

http://<PCのIPアドレス>:4200

CONNECTION_REFUSEDと表示された場合は、ファイアウォールを無効にしましょう。
URLに無事アクセスできれば、違う端末でも同様に確認できるはずです。