wsl2の環境をスマートフォンで確認する方法

環境

• Windows11
• WSL2
  • Ubuntu 20.04.6

事前準備

Windowsとスマートフォンは同じネットワーク内にいることが前提となります。

WindowsのIPアドレスを確認

コマンドプロンプトかPowerShellで確認できます。

ipconfig

今回は「192.168.1.100」だったと想定して進めます。
※PC起動時するたびにこのIPアドレスは変わる可能性があります。

WSL2のIPアドレスを確認

hostname -I

今回は「172.21.98.200」だったと想定して進めます。
※PC起動時するたびにこのIPアドレスは変わる可能性があります。

WSL2で接続したい環境のポートを確認

今回は「8080」ポートと想定して進めます。

設定手順

PowerShellを起動する

※管理者権限で起動する必要があります

WSL2へアクセスを許可するための追加、削除、確認コマンド

• 追加

  netsh.exe interface portproxy add v4tov4 listenaddress=192.168.1.100 listenport=8080 connectaddress=172.21.98.200 connectport=8080
  

• 削除

  netsh.exe interface portproxy delete v4tov4 listenport=8080 listenaddress=192.168.1.100
  

• 確認

  netsh.exe interface portproxy show v4tov4
  

  確認コマンドで現在の許可状況を確認できます。

  ipv4 をリッスンする:         ipv4 に接続する:
  
  Address         Port        Address         Port
  --------------- ----------  --------------- ----------
  192.168.1.100   8080        172.21.98.200   8080
  

ファイアウォールの設定

コマンドプロンプトかPowerShellで以下のコマンドを実行し、ファイアウォールの設定画面を起動する。

wf.msc

1. 受信の規則から新しい規則を追加する

   

2. 規則の種類を選択

   

3. プロトコルおよびポートの設定

   

   今回は「8080」を設定

4. 操作

   

5. プロファイル

   

ここまで設定するとスマートフォンから以下のURLにアクセスすると確認ができると思います。

http://192.168.1.100:8080

※動作検証が終わったらファイアウォールの設定は削除しましょう。

参考

WSL2で起動したReactアプリに外部端末からアクセスする