こんにちは。
開発しててlocal環境をスマホ実機でちゃんと確認したいなぁってとき、ありますよね。
やっとそれを実現したので、自分の備忘録も兼ねて残します。
実現したいこと
開発中のlocal環境を手元にあるスマホ実機で確認する
手順
１｜スマホとPCを同じwifiに接続
なんかわかんないけど、必要
２｜PCに接続しているネットワークのIPアドレスを確認する
MacOSの場合、システム環境設定 > ネットワーク から接続済みのネットワーク情報を確認できる
設定されているIPアドレスをコピー
３｜スマホのブラウザのURL欄に先ほどのIPアドレスを入力する
必要に応じて、192.xxx.xx.xx:3000など、末尾にポート情報を追記
以上。
えーこれだけかってびっくりです。
前にやった別の方法ができなくて一旦諦めてたのですが、
こんなシンプルな方法でできました。
ただこれ、手元にある同じwifiに接続しているスマホだけですよね
開発メンバーに一旦local環境で共有したい...ってときは無理なので、その辺もうちょっと調べます。
（前にやったけどこれもできなくて一旦断念した...）