localhostにスマホから繋げてみた!!(Windows編)

4453 ワード
localhost Windows Android docker-compose Wi-Fi Android テキストリンク

どうも、三町哲平です。

前回は、localhostにスマホから繋げてみた!!(Mac編)で、MacBookで起動したlocalhostにAndroidスマホとiPad、WindowsPCの３点からアクセスする方法を紹介しましたが、Macをやったからには、双璧をなすWindowsに触れない訳にはいきません。

では、Windows編をどうぞ！！

1. Wi-Fi環境を同じにする

まず最初にWindowsPC、Androidスマホ、iPad、MacBookを同じWi-Fi環境に接続してください。

今回は、Air-WiFi_0OXPYNに接続しています。

ここはMac編と違いはありませんね。

2. WindowsPCのIPアドレスを確認する。

① デスクトップから「cmd」と検索する。

② コマンドプロンプトを開き、「ipconfig」と入力して、Enterを押します。

③ なんか沢山出てきます。

色々書いていますが、デフォルトゲートウェイが開いている箇所を探します。

今回の場合は、

イーサネット アダプター vEthernet (aaaaaaaaaaaaa1):

   接続固有の DNS サフィックス . . . . .:
   リンクローカル IPv6 アドレス. . . . .: ----::---:----:----:----%--
   IPv4 アドレス . . . . . . . . . . . .: 192.168.43.187
   サブネット マスク . . . . . . . . . .: ---.---.---.-
   デフォルト ゲートウェイ . . . . . . .: 192.168.43.1

今回は、この aaaaaaaaaaaaa1 が該当します。

IPv4 アドレス 192.168.43.187 をコピーやメモして下さい。

3. localhostを起動する

ターミナルで、

$ docker-compose up

を使用して、docker-composeで、localhostを起動します。
ポート番号は、8000番です。

4. WindowsPCでlocalhost:8000にアクセス

無事、ページが表示されました。

5. その他の機器で試す

※WindowsPCからは今回の場合、localhost:3000とブラウザのURLに入力することで、表示されますが、その他機器では、192.168.43.187:8000と入力します。

Androidスマホ

iPad

MacBook

このように、同じWi-Fiに接続することにより、WindowsPCで起動したloclhostにAndroidスマホとiPad、MacBookからもアクセスすることが出来ました。

参考記事:パソコンのIPアドレスを確認する方法（Standard TCP/IP）