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の最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。





![[新しいXチャットへようこそ]というテキストが画面に大きく表示されており、その下には次の3つの説明が表示されている。[エンドツーエンドの暗号化:メッセージは、端末にかかわらずエンドツーエンドで暗号化されています。][最先端のプライバシー:Xを含め、他の人がメッセージを読むことはできません。][パスコードを設定:メッセージを保護するため、4桁のパスコードを設定してください。]これらの説明の下には、[パスコードを作成]という大きなボタンが配置されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fwelcome-to-new-chat.png&w=1920&q=75)



![Discordの[プロフィールのプライバシー]設定のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fdiscord-profile-privacy-settings.png&w=3840&q=75)
![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)
