WSL2で開発中のWebアプリを同じLANのスマホで動作確認する方法

WSL2で開発中のWebアプリをスマホで即座に動作確認したい スマホとPCが同一のWifiに接続している状態でスマホのブラウザから http://<PCのIPアドレス>:<Webアプリのポート> にアクセスして動作確認出来ることがよく知られています。 私は普段PC向けの業務システムやライブラリを作っているのでこの方法を使う機会がほとんどないのですが、久しぶりにスマホでの確認が必要になりました。 開発環境がWSL2の場合に固有処理が必要だったのでメモ代わりに公開しておきます。 WSL2固有処理だけ知りたい人のための結論 PowerShellを管理者権限で開いてください。 以下を1行ずつ入力してもいいし、ps1ファイルに書いて実行でもいいはずです。 私はPowerShellに慣れてないので1行ずつ打ち込んでます。 開始 $ports = @(3000, 8000) # Webアプリで使うポート

[retore]

FWの設定やら見直すのが面倒なのでngrokですべてを解決した

[rgfx]

おなじく面倒なのでtailscaleでプライベートにツーカーにしてる

[tg30yen]

[開発][あとで読む]

[twainy]

まさに今日仕事で調べたのでびっくりした

[ledsun]

ポートフォワードするバッチファイルをデスクトップに置いてる。必要なときに管理者権限で実行しています。

[j1nsuke]

ありがてー

[lli]

やりたくない

[UhoNiceGuy]

最近WSL2使い始めてサクサクでお気に入りなんだけど、やはりいろいろ難しいのだな

[tettekete37564]

メンドクサ

[UDONCHAN]

へぇ、やっぱりそうするしかなかったのか…

[n_231]

WSLでのシステム開発、今後ちょっとずつ増えていくんだろうな〜

[stealthinu]

WSL上で作ることが多いのだけど外から確認するのがめんどくてどうするのが楽なのかと思ってたらこれは…　まとめられててもめんどくささが。まあバッチにしとけばいいだけなのだろうけども。

[Shinwiki]

httpヘッダとか持ってくとことか無しでええの？

[san57]

ポートフォアーディング、なんでこんな面倒なんだろ…