ゴール
レスポンシブ対応などのテストのため、スマホを用いてReactアプリケーションを表示したい。
前提条件
・デザリングができるスマホがあること
・PCはWindowsPCを想定(Linuxの場合は各種設定やコマンドをLinuxに置き換えてください)
手順
1.
PCとスマホをデザリングする。
2.
PC側の外部からのNode.jsアプリケーションの受信許可設定を行う。
「コントロールパネル」⇒「システムとセキュリティ」⇒「Windowsファイアーウォール」
「許可されたアプリ一覧」にNode.jsがありますが、チェックを入れて許可する。
3.
Reactプロジェクトを下記コマンドで開始する。
$env:HOST="0.0.0.0"; npm start
上記コマンドで起動する(同じLAN上のインターフェースを全て許可する。)
プロジェクト起動後は下記コマンドで確認
netstat -ano | findstr :3000
4.
スマホ側でReactプロジェクト起動時に表示されたIPアドレスをブラウザで入力
無事表示されたら成功(自分は成功でした)