iPhoneブラウザーからlocalhostで実行されているWebサイトにどのようにアクセスしますか

モバイルWebサイトで作業していますが、iPhoneブラウザーを使用してテストしたいと考えています。私のWindows 7マシンとiPhoneは同じワイヤレスネットワーク上にあります。iPhoneからlocalhostにアクセスするにはどうすればよいですか？現在、404エラーが発生します。

iPhoneからlocalhostにアクセスすると、単純にループバックが行われ、自身に接続しようとします（サポートされている場合）。

あなたがしなければならないことはあなたのデスクトップマシンのIPを見つけることです（例えばWindowsなら、に行ってCommand Promptタイプするipconfigか、に行ってNetwork and Sharing Centre調べてください）connection status。

IPを取得したら、ブラウザなどからアクセスしますhttp://192.168.0.102。

ファイアウォールを使用している場合は、ファイアウォールの受信セキュリティでポート80（またはWebサイトが実行されているポート）を開く必要がある場合があります。

注：iPhoneのブラウザでアプリをデバッグしたい場合は、アプリのポートを忘れないでくださいhttp://192.168.0.102:3000。この例では、3000がReactJSで使用されるデフォルトのポートです。

Macを使用している場合は、[システム環境設定]> [ネットワーク]に移動し、localhostではなくIPアドレスを使用します。ポート番号も使用できます。私の場合、ポート1448でサーバーを実行しており、iPhoneを使用して192.168.1.241:1448をプレビューできます。

ngrok.ioを試すことができます。localtunnelと同じ原理で動作します。
あなたのOS用のアプリケーションをダウンロードしてください。次のように実行してみてください：

Linuxの場合：

./ngrok http 8000

8000は、アプリケーションが実行されているポート番号です。

Windowsの場合：

 ngrok.exe http 8000

これを試して：

1. Windows+を押すR
2. 開いた cmd
3. 実行ipconfig （旧） ifconfig （新）
4. ワイヤレスネットワークカードのIPを確認する
5. iPhoneに移動し、ブラウザから「http://xxx.xxx.xxx.xxx/」に移動します。
   （xxx.xxx.xxx.xxxはIPです）

注：ファイアウォール設定がある場合は、その設定を行う必要があります。

MAMPを使用している場合は、iPhone SafariブラウザでIPアドレス（たとえば192.0.0.63）を入力し、その後にポート番号8888（例：192.0.0.63:8888）を入力すると、ローカルサイトが表示されますあなたのiPhone。

そして、WAMPサーバーを使用している場合は、iPhoneサファリブラウザーでIPアドレス（192.0.0.63としましょう）を入力するだけです。ただしdeny from all、WAMPサーバーのhttpd.confファイルからを削除することを忘れないでください。行を探すと、そのallow from 127.0.0.1上または下に表示されdeny from allます。この行を削除してWAMPサーバーを再起動するだけで、それがジョブに反映されます。

Macを使用している場合-

1. iPhoneをUSB経由でMacに接続します。

2. ネットワークユーティリティに移動します（cmd +スペース、「ネットワークユーティリティ」と入力）

3. 「情報」タブに移動します

4. 写真のように「Wi-Fi」と書かれたドロップダウンメニューをクリックして「iPhone USB」を選択します。

5. 「xxx.xxx.xx.xx」などのIPアドレスが表示されます。iPhoneでSafariブラウザを開き、IP_address：port_numberを入力します

   例：169.254.72.86:3000

[注：IPアドレスフィールドが空白の場合は、iPhoneがUSB経由で接続されていることを確認し、ネットワークユーティリティを終了して、もう一度開いて、IPアドレスを確認してください。]

同じネットワーク上にない場合は、localtunnelと呼ばれるこのサードパーティツールを使用できます

http://localtunnel.me/

基本的には別のサーバーを介してコンテンツをルーティングし、アクセスします。

IPアドレスの代わりにホスト名を入力する場合

最初のオプション（クイック方法）：

http://my-macbook-pro.local/mywebsiteiPhone に移動できるはずです。https://stackoverflow.com/a/9304094/470749を参照してください

「.local」ドメインは特別な予約語であるため、このアプローチは機能する傾向があります。

2番目のオプション：

http://xip.io/を参照してください無料サービスで便利な。設定は必要ありません。

次に、http：//mysite.app.192.168.1.130.xip.io（サーバーのブラウザまたは LAN上の任意のデバイスを使用して）にアクセスすると、でホストされているページが表示され192.168.1.130ます。

そして、そのIPに存在するマシンでHomesteadを実行している場合、http：//mysite.app.192.168.1.130.xip.io：44300（URLにポートを指定）を参照すると、何らかの形でホストされているページが表示されますHomestead Vagrantの仮想マシン192.168.10.10。かなり素晴らしい。

3番目のオプション（サービスに依存せず、柔軟性がありますが、より複雑で、DD-WRTを備えたルーターがある場合にのみ機能します）：

（iPhoneを介して）異なるホスト名を介してアクセスしたい複数の異なるサイトをホストする1つのローカルサーバーがある場合、これを行うことができます。

1. お使いのOSで、コンピューターの名前を「RYANDESK」など、短く、意味があり、覚えやすい名前に変更します。
2. DD-WRTルーター設定：
   1. Services > Services > Static Leasesのような、特定のIPアドレスを指すように、サーバーのMACアドレスを設定します192.168.1.108。ホスト名を、前にコンピュータに付けた名前と同じに設定します。「クライアントリース時間」は1440分です。
   2. 押してSave、またApply Settingsすべての変更を忘れないでください。（「保存」は設定を自動的に適用しないようです。）エラーが発生する場合、DD-WRTのGUI設計が誤解を招き、静的リースの「追加」を不必要に押したことが原因であると考えられます。
   3. でDHCP Server > User Domain、[LAN＆WAN]を選択します。「LANドメイン」の場合は、句読点のないイニシャル（「xyz」など）などの短い文字列に設定します。競合が発生する可能性があるため、「ローカル」という単語の使用は避けてください。「com」、「org」、「net」などの実際のドメインは使用しないでください。
3. ではServices > Services > DNSMasq、のようなものであることをDNSMASQと「ローカルDNS」と設定し、「追加DNSMASQオプション」を有効にしますaddress=/project1.xyz/project2.xyz/192.168.1.108（xyz以前の手順で選択したされているもの、IPポイント、特定のマシンに、そしてproject1そしてproject2あなたがポイントに希望のホスト名にありますこれらの各プロジェクト（異なるNginx構成など）。
4. HOSTSファイルに、私たちが行ったことと競合するエントリがないことを確認してください。HOSTSファイルがわからない場合は、おそらく問題ありません。
5. DNSキャッシュをフラッシュし、ローカルIPを解放して更新します。iPhoneの機内モードに切り替えて、DNSキャッシュもフラッシュします。

6. これhttp://ryandesk.xyzで、iPhone（またはデスクトップブラウザ）で参照できるようになり、ローカルサーバーに解決されます。したがって、うまくいけば、NginxやApacheなど、そのホスト名をリッスンするものをセットアップできました。

   https://wiseindy.com/it/how-to-access-your-pcs-using-dns-names-with-dd-wrt/ http://www.howtogeek.com/69696/how-to-access- your-machines-using-dns-names-with-dd-wrt ​​/

Macユーザーの場合、ネットワークユーティリティを開きます（スポットライトを開くcmd +スペースを入力してこれを見つけることができます。スポットライトでネットワークユーティリティの入力を開始します）。[ネットワークユーティリティ]を選択します。開いていると、IPアドレスが[IPアドレス]の横に表示されます。したがって、基本的にIPを使用すると、ローカルMACで開いているポートにアクセスできます。たとえば、ウェブサイトがlocalhost：3000でローカルに実行されていて、IPアドレスが154.31.92.0の場合、電話から154.31と入力するだけでウェブサイトを取得できます。ブラウザに92.0：3000

PS-これは、電話とコンピュータの両方が同じネットワーク上にある場合にのみ機能します

iPhoneからのWebpackDevServer localhost

ノードで実行されているアプリを使用している場合。ビルドツールとしてwebpackを使用し、組み込みのdevserverを使用できます。

webpackdevserverを使用してlocalhostサーバーからアプリケーションを起動し、選択したlocalhostアドレスとポートを渡すことができます。

webpack-dev-server --host 192.168.0.89 --port 3000

あなたのiPhoneからあなたはそれを使ってそれにアクセスできます

http://192.168.2.89:3000

注::ノートパソコンとiPhoneは同じネットワーク上にある必要があり、localhost IPアドレスを使用する必要があります。

MacでIPアドレスを見つける方法については、node.jsでローカルIPアドレスを取得するを参照してください。

Mac（OSX）を使用している場合：

Macの場合：

1. オープンターミナル
2. 「ifconfig」を実行します
3. IPアドレスが「192.xx.xx」の行を見つけます

次のアドレスでウェブサイトをテストしている場合："localhost：8888 / mywebsite"（MAMP構成によって異なります）

あなたの電話で：

1. ブラウザを開きます（例：Safari）
2. URL 192.xxx.xx：8888 / mywebsiteを入力します

注：同じネットワーク（wifi）に接続する必要があります

代わりにコンピュータのIPを使用できますhttp：// localhost。

ただし、アクセスできない場合があります。サーバーソフトウェアのhttpd.conf（または同等の設定ファイル）を編集する必要があります。現在、phpをインストールしていませんが、「Allow from or / Directory」というキーワードで検索できます。

注：XAMPPが実行されているPCのIPは静的IP（DHCPによって割り当てられていない）である必要があります。そうでない場合は、PCを再起動するたびに手動で確認する必要があります。

私は元の要求と同じことを達成したいと思い、ここで答えを探し、すべてのファイアウォールとウイルス保護を無効にして無効にしました。

次に、MicrosoftのドキュメントでIISエクスプレスに関する次の文を見つけました。「IISエクスプレスは別のコンピューターのブラウザーへの要求を処理しないため、企業環境での承認が容易になります」。

結論-プロジェクトをコンピューターの外に表示するには、IIS（提供されているIISエクスプレスではない）をインストールする必要があります。

ソース：http : //msdn.microsoft.com/en-us/library/58wxa9w5.aspx

これが自分のコンピュータのすべてのセキュリティ機能をオフにしている他の人々に役立つことを願っています。

PHPプロジェクトで作業している場合は、ベースのhrefを変更できます。

<base href="<?php echo str_replace("localhost","192.x.x.x",HTTPS_SERVER);?>">

• localhostまたは127.0.0.1：設定によって異なります
• 192.xxx：ローカルIPアドレス
• HTTPS_SERVER：以前のベースhref

これを行うことは、携帯電話に画像、CSS、JSファイルをロードするために不可欠です。

WAMP：

1）WAMPアイコンをクリックし、[オンラインにする]をクリックします（再起動するまで待ちます）。

2）（同じネットワーク上のIphoneでWiFiを使用している場合）、IPをiPhoneブラウザで開きます。

すなわちhttp://192.168.1.22 OR http://164.92.124.42

ローカルIPを見つけるには：
a）[ スタート]> [ファイル名を指定して実行]> [cmd ]をクリックし、「ipconfig」と入力すると、そこに表示されます。
または
b）青い矢印をクリックしますを、「lease new ip」を。

ps以上です。AndroidまたはiPhoneからlocalhostにアクセス（オープン）できるようになりました

正しいIPアドレスを使用していてもローカルサーバーに接続できない場合、確認すべきもう1つのことは、あなたまたは同僚がプロキシサーバーを使用するようにデバイスを構成していないことです。

接続できないデバイスが1つありましたが、そのデバイスはCharlesプロキシを使用するように構成されていましたが、もちろん実行されていませんでした。

システムのIPアドレスとport、Webサイトを実行しているものを見つけます。

たとえば、IPアドレスが121.300.00.250で、ポートがであるとします8080。

[ポート番号：ページの実行中にWebブラウザーを参照してください。例：localhost：8080 / ...ポート番号は8080です]

今あなたの携帯電話に行く121.300.00.250:8080/..とあなたはあなたのウェブサイトを見つけるでしょう。

重要：サーバー（Apache Tomcatなど）が起動状態であることを確認する必要があります

この回答を見てください。これは、Objective-Cの直接呼び出しを介してHTTPを内部的にルーティングし、HTTP対応のレイヤー/埋め込みWebサーバーに接続する方法について説明しています（HTTPサーバーのコードは、HTMLをWeb内に表示したいのと同じアプリケーション内にあるとしましょう。ウィジェット）。

これには、ポートを公開する必要がないので、セキュリティがやや高くなる（そしておそらくより高速になる）という利点があります。

ネットワーク設定に移動し、xxx.xxx.x.xxx：9000（：9000または開いているポート）などのWi-Fi IPアドレスを取得するルートを使用する場合は、モバイルデバイスも同じWi-Fiに接続していることを確認してください-Fi /信号IPアドレス。これを機能させるために1日費やしましたが、携帯電話ネットワークをオフにして同じWi-Fi接続/ IPアドレスに切り替えるまで機能しませんでした。私がこの更新を行った直後にオープンしました。

これを達成する非常に簡単な方法があります：

1. 電話とコンピュータを同じLANに接続します。
2. Window + R、次に入力 ipconfig、ur pcの現在のIPが取得されます。次のようになります：192.168.XX.XX
3. このIPを次のように電話のWebブラウザーでアプリポートとともに入力します：http：//192.168.XX.XX：8080、それは動作します

注意：

それがうまくいかなかった場合。PCのウイルス対策ソフトウェアを無効にします。それでも機能しない場合は、Windowsファイアウォールを無効にしてみてください。問題はPCファイアウォールに関連しています。

手順：

私はあなたがウェブサーバーを起動していると思います（デフォルトのポート：8080上のApache tomcat）。

Windows 10の場合：

1. アンチウイルスを開き、ファイアウォールセクションに移動し、ポートセクションを見つけて、ローカルTCP / IPポートを追加し、アクセスを許可します：8080
2. コマンドプロンプトからマシンのIPアドレスを取得します。（IPv4アドレス）
3. iPhoneからChromeを起動し、IPアドレス：8080アドレスに移動します。

お役に立てれば。

私のiPhoneから、Windows 8ラップトップ上のIISサーバーでホストされているWebサイトを閲覧したいと思いました。少し読んだ後、「Windowsファイアウォールを介したアプリまたは機能を許可する」を選択してWindowsファイアウォールを開きました。次に、下にスクロールして、リストから「World Wide Web Services（HTTP）」をチェックしました。それだけです、うまくいきました。それが他の誰かにも役立つことを願っています。

私の場合、最初にPCとモバイルを同じネットワークに接続しました。PCからモバイルにpingして接続をテストできます。

GGTS（Groovy / Grails Tool Suite）を使用してプロジェクトをローカルで実行し、PCのIPアドレスを使用してモバイルからWebサイトにアクセスしました。

PS。ローカルから実行すると、（http：// localhost：8080 / projectname）のようなURL が表示されます。モバイルからローカルWebサイトにアクセスする場合は、localhostをPCのIPアドレスに置き換える必要があります。

Macを使用している場合は、/etc/hostsファイルを編集してください。上記の指示に従ってIPアドレスを見つけ、そのファイルに次の行を追加します

172.x.xx.x.x outer

その後、上記の手順が機能しました。iPhone ブラウザーで正しいページに移動し、http：//172.x.xx.xx：port http://www.imore.com/how-edit-your-macs-にアクセスします。 hosts-file-and-why-you-would-want

Macでこれを行うもう1つのすばやくて汚い方法は、xcodeを開き（インストールされている場合）、シミュレータでsafariを実行することです。localhostここに入力しても機能します。