PCのローカルサーバーにスマホからアクセスする方法

PCで立てたローカルサーバーにスマホからアクセスする方法です。サーバーはどうやって立てても同じようにできるはずですが、今回はPythonを使って説明します。
また、今回紹介する方法は、ローカルサーバーを立てたPCとアクセスするスマホが同じネットワークに繋がっている必要があります。同じネットワークというのは、たとえば同じWi-Fiに接続しているなどです。
Pythonがインストールされている環境でサーバーを立てるには、コマンドラインで次のコマンドを実行します。Pythonを使わずにローカルサーバーを立てたい場合は、自分で調べてください。
また、すでにローカルサーバーを立ててある場合は、次のコマンドを実行する必要はありません。
python -m http.server 8000これで、ローカルサーバーを立てられました。また、8000の部分は別の数字でもいいです。
次に、PCのIPアドレスを調べます。ここからは、どんな方法でローカルサーバーを立てたとしても同じ手順です。
Windowsの場合は、次のコマンドを実行します。
ipconfig色々出てきた中で、「IPv4アドレス」と書かれたxxx.xxx.x.x(注:xは数字・文字数が違う可能性あり)という部分を使います。
また、Macならメニュー(左上のリンゴのマーク)からシステム環境設定を開きます。次に、ネットワークを開き、「IPアドレスxxx.xxx.x.x(注:xは数字・文字数が違う可能性あり)が設定されています。」の部分です。
Linuxなら
hostname -Iです。複数出てくる場合は最初のものでいいはず。
さて、ここまででローカルサーバーを立てるところからPCのIPアドレスを調べるところまでできました。
ここからは、スマホを使います。Webブラウザーなど、とりあえずURLを入力して開けるアプリを用意し、次のURL(?)を半角で入力します。
<PCのIPアドレス>:8000
<PCのIPアドレス>は、さきほど調べたPCのIPアドレスに置き換えてください。
また、8000の部分は、サーバーを立てるときに別の数字を指定した場合はそれを使ってください。
記事をシェア
フォローして最新情報を入手
Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。
次の記事
-1.png&w=1080&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。



![G HUBのウィンドウの中央に「G」ロゴが表示されており、その下にはプログレスバーと[ローカライゼーションを読み込み中]というテキストが表示されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fg-hub-loading-localizations-screen.png&w=3840&q=75)

![Chromeのウィンドウに[Geminiに相談]というボタンが表示されており、その下に表示されているコンテキストメニューに[固定を解除]という項目が表示されているようすのスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fchrome-gemini-unpin.png&w=1080&q=75)



![[何を報告していますか?]というタイトルのダイアログで[スパム]にチェックが入っているスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-report-post-spam-selected.png&w=1920&q=75)

![Xの設定の[アクセシビリティ、表示、言語]>[表示]>[フォントサイズ]のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-android-font-size-settings.png&w=3840&q=75)
![Xの設定画面のスクリーンショット。[アクセシビリティ、表示、言語]>[データ利用の設定]の中のようすが示されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-data-saver-high-resolusion-image-settings.png&w=3840&q=75)