どのようにしてiPhoneブラウザからlocalhostで実行されているウェブサイトにアクセスしますか
私は携帯サイトに取り組んでいます、そして私の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サイトが実行されているポート）を開く必要があるかもしれません。
Macを使用している場合は、[システム環境設定]> [ネットワーク]に進み、localhostの代わりにIPアドレスを使用してください。ポート番号を使うこともできます。私の場合は、ポート1448でサーバーを実行しており、iPhoneを使用して192.168.1.241:1448をプレビューできます。
これを試して：
- 押す Windows + R
cmdを開くipconfig（Old）ifconfig（New）を実行- ワイヤレスネットワークカードのIPを確認してください
- IPhoneにアクセスして、ブラウザで「 http://xxx.xxx.xxx.xxx/ 」に移動します。
（xxx.xxx.xxx.xxxはあなたのIPです）
注：ファイアウォール設定がある場合は、許可を設定する必要があります。
あなたは ngrok.io を試すことができます。 localtunnelと同じ原理で動作します。
あなたのOS用のアプリケーションをダウンロードしてください。そして実行するようにしてください：
linuxの場合：
./ngrok http 8000
8000はアプリケーションが実行されているポート番号です。
windowsの場合
ngrok.exe http 8000
MAMP を使用している場合は、iPhoneのSafariブラウザにIPアドレス（192.0.0.63など）を入力し、その後にポート番号を入力します。 8888（例192.0.0.63:8888）あなたはあなたのiPhoneであなたのローカルサイトを見ることができるでしょう。
また、 WAMP サーバーを使用している場合は、iPhoneのSafariブラウザでIPアドレスを入力します（192.0.0.63としましょう）。それでおしまい。あなたのWAMPサーバー用のhttpd.confファイルからdeny from allを削除することを忘れないでください。 allow from 127.0.0.1という行を探すと、その上または下にdeny from allが表示されます。この行を削除してWAMPサーバーを再起動するだけで作業が完了します。
あなたが同じネットワーク上にいない場合は、localtunnelと呼ばれるこのサードパーティ製のツールを使用することができます
それは基本的にあなたのコンテンツを別のサーバーを通してルーティングし、あなたはそれにアクセスします。
Macを使用している場合 -
USBを使ってiPhoneをMacに接続します。
ネットワークユーティリティ（cmd + spaceと入力し、「ネットワークユーティリティ」と入力します）に移動します。
[情報]タブに移動します
「Wi-Fi」と表示されているドロップダウンメニューをクリックし、写真のように「iPhone USB」を選択します。
"xxx.xxx.xx.xx"などのIPアドレスが見つかります。 iPhoneでSafariブラウザを開き、IPアドレス：port番号を入力します。
例：169.254.72.86:3000
[注：IPアドレスの欄が空白の場合は、iPhoneがUSBで接続されていることを確認してからネットワークユーティリティを終了し、もう一度開いてIPアドレスを確認してください。
IPアドレスの代わりにホスト名を入力する場合
最初のオプション（クイックウェイ）：
あなたのiPhoneでhttp://my-macbook-pro.local/mywebsiteにナビゲートできるはずです。 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があるルーターがある場合にのみ機能します）：
1つのローカルサーバーに異なるホスト名（iPhone経由）でアクセスしたい複数の異なるサイトをホストしている場合は、これを実行できます。
- お使いのOSで、コンピュータの名前を「RYANDESK」のように、短くて意味のある、覚えやすい名前に変更します。
- あなたのDD-WRTルーター設定で：
Services > Services > Static Leasesには、サーバーのMACアドレスを192.168.1.108などの特定のIPアドレスを指すように設定します。そのホスト名を、コンピュータの名前と同じ名前に設定します。 「クライアントリース期間」は1440分です。- 変更するたびに必ず
SaveとApply Settingsを押してください。エラーが発生した場合は、おそらくDD-WRTのGUIデザインが誤解を招く可能性があるため、スタティックリースに対して不必要に[Add]を押したためです。 DHCP Server > User Domainでは、 "LAN＆WAN"を選択してください。 「LANドメイン」の場合は、句読点のないイニシャルなど、短い文字列に設定します（例：「xyz」）。おそらく衝突があるかもしれないので「ローカル」という言葉の使用は避けてください。 「com」、「org」、「net」などの現実のドメインを使用しないでください。
Services > Services > DNSMasqで、DNSMasqと「Local DNS」を有効にし、「Additional DNSMasq Options」を次のように設定します。address=/project1.xyz/project2.xyz/192.168.1.108（xyzは前の手順で選択したもの、IPは特定のマシンを指し、project1とproject2は任意のホスト名です）あなたはそれらのプロジェクトのそれぞれ（異なるNginx設定など）を指し示したいです。- あなたのHOSTSファイルが何もしていないことを確認してください。 HOSTSファイルが何であるかわからない場合は、おそらく大丈夫です。
- DNSキャッシュをフラッシュし、ローカルIPを解放して更新します。 iPhoneの機内モードに切り替えてもDNSキャッシュをフラッシュします。
これであなたはあなたのiPhone（あるいはあなたのデスクトップブラウザ）で
http://ryandesk.xyzを閲覧することができ、そしてそれはあなたのローカルサーバに解決されるでしょう。それで、うまくいけばあなたはあなたの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/
IPhoneからのWebpackDevServer localhost
あなたはノード上で実行されているアプリを使用している場合。あなたはビルドツールとしてwebpackを使うことができ、それらのdevserverに組み込まれたものを使うことができます。
webpackdevserverを使用して、アプリケーションをlocalhostサーバーから起動して、選択したlocalhostアドレスとポートを渡すことができます。
webpack-dev-server --Host 192.168.0.89 --port 3000
その後、あなたのiPhoneからあなたはそれを使用してそれにアクセスすることができます
注意::あなたのラップトップとiPhoneは同じネットワーク上になければならず、あなたはあなたのlocalhostのIPアドレスを使うべきです。
Macの場合、IPアドレスの見つけ方は node.jsでローカルIPアドレスを取得する
Macの場合は、単にネットワークユーティリティを開きます（スポットライトを開き、次にスポットライトでネットワークユーティリティと入力し始めるcmd + spaceと入力すると、これを簡単に見つけることができます）。 [ネットワークユーティリティ]を選択します。開いている場合、IPアドレスは[IPアドレス]というラベルの横に表示されます。だから基本的にIPであなたはあなたのローカルMacの中のどんな開いているポートにでも入ることができます。あなたのウェブサイトがlocalhost：3000でローカルに実行されていて、あなたのIPアドレスが154.31.92.0であるなら、あなたの電話からあなたは単純にブラウザに154.31.92.0:3000をタイプすることによってウェブサイトを得ることができます。
PS-これは、電話とコンピュータの両方が同じネットワーク上にある場合にのみ機能します。
Mac（OSX）を使用している場合
あなたのMacでは：
- オープンターミナル
- "ifconfig"を実行する
- Ip adress "192.xx.x.x"の行を探します。
あなたのウェブサイトをアドレスでテストしているなら： "localhost：8888/mywebsite"（それはあなたのMAMP設定に依存します）
お使いの携帯電話で：
- ブラウザを開く（例：Safari）
- URL 192.xxx.x.xを入力してください：8888/mywebsite
注：あなたは同じネットワークに接続する必要があります（wifi）
代わりにコンピュータのIPアドレスを使うことができますhttp：// localhost。
しかしアクセスできない可能性があります。サーバソフトウェアのhttpd.conf（または同等の設定ファイル）を編集する必要があります。私は今phpをインストールしていませんが、キーワードで検索できます： "Allow from or/Directory"
注：XAMPPが実行されているPCのIPは静的IP（DHCPによって割り当てられていない）である必要があります。それ以外の場合は、PCを再起動するたびに手動で確認する必要があります。
私は元の要求と同じことを達成したいと思い、ここで答えを探し、そして無駄にすべてのファイアウォールとウイルス保護をオフにしました。
そして、私はマイクロソフトの文書でIIS expressに関する次のような声明を見つけました。
結論 - あなたのプロジェクトがあなたのコンピュータの外で見えるようにするにはIIS（納入されたIIS expressではなく）をインストールする必要があります。
出典： http://msdn.Microsoft.com/ja-jp/library/58wxa9w5.aspx
これが、コンピュータのすべてのセキュリティ機能を無効にしている他の人々にとって役立つことを願っています。
WAMPと：
1）WAMPアイコン>オンラインにする（再起動するまでお待ちください）をクリックしてください。
2）次に（あなたが同じネットワーク上のiPhone上のWiFiの場合）、iPhoneブラウザであなたのIPアドレスを開く
すなわちhttp://192.168.1.22またはhttp://164.92.124.42
ローカルIPを見つけるには：
a） [スタート]> [ファイル名を指定して実行]> [cmd ]の順にクリックし、 ipconfig と入力すると表示されます。
または
b）青い 矢印 をクリックして[新しいipをリース]をクリックします。
pSそれで全部です。これで、 Android または iPhone からlocalhostにアクセスできるようになります。
あなたがphpプロジェクトに取り組んでいるなら、あなたはベースのhrefを変えることができます：
<base href="<?php echo str_replace("localhost","192.x.x.x",HTTPS_SERVER);?>">
- localhostまたは127.0.0.1：設定に応じて
- 192.x.x.x：あなたのローカルIPアドレス
- HTTPS_SERVER：前のベースhref
それを行うことはあなたの携帯電話に画像、CSSとJSファイルをロードするために不可欠です。
正しいIPアドレスを使用していて、それでもローカルサーバーに接続できない場合は、もう1つ確認すべきことは、自分または同僚がプロキシサーバーを使用するようにデバイスを構成していないことです。
接続できないデバイスが1つありましたが、そのデバイスがCharles Proxyを使用するように構成されていたことがわかりましたが、これはもちろん実行されていませんでした。
ステップ：
私はあなたがWebサーバーを起動したと仮定します（デフォルトポートでApache Tomcat：8080）。
Windows 10の場合：
- あなたのアンチウイルスを開いて、ファイアウォールセクションに行き、そしてポートセクションを見つけて、そしてアクセスを許可するためにローカルTCP/IPポートを追加してください：8080
- コマンドプロンプトからマシンのIPアドレスを取得します。 （IPv4アドレス）
- IPhoneからクロムを起動してジャンプIPアドレス：8080アドレス。
お役に立てれば。
ネットワーク設定に入り、xxx.xxx.x.xxx:9000（：9000またはどちらのポートが開いていてもよい）のようなWi-Fi IPアドレスを取得する方法を試している場合は、モバイルデバイスも同じWi-Fiに接続してください。 - Fi/signalのIPアドレス。私はこれを機能させるために一日かけて過ごしましたが、携帯電話を携帯ネットワークから同じWi-Fi接続/ IPアドレスに切り替えるまで機能しませんでした。私がこのアップデートをしたらすぐに開いた。
あなたのシステムのIPアドレスと、あなたが何をportあなたがウェブサイトを運営しているかについて調べなさい。
あなたのIPアドレスが121.300.00.250で、あなたのポートが8080だとしましょう。
[ポート番号：ページを実行している間あなたのウェブブラウザを見てください。例えば：localhost：8080/...そしてポート番号は8080です]
今すぐあなたの携帯電話で121.300.00.250:8080/..に行き、あなたはあなたのウェブサイトを見つけるでしょう。
重要：サーバー（Apache Tomcatなど）が起動状態にあることを確認する必要があります
この 答え を見てください。これは、直接Objective-C呼び出しを介してHTTP対応レイヤ/埋め込みWebサーバへのHTTPの内部ルーティングを説明しています。 HTTPサーバーコードは、Webウィジェット内にHTMLを表示したい同じアプリケーション内にあります。
どのポートも公開されるべきではないので、これは少し安全（そしておそらくもっと速い）であるという利点があります。
これを達成するための非常に簡単な方法があります。
- 電話機とコンピュータを同じLANに接続します。
Window + R、次にipconfigと入力すると、現在のur pcのIPアドレスが表示されます。192.168.XX.XX- このようにあなたの携帯電話のWebブラウザであなたのアプリのポートでこのIPアドレスを入力してください： http：//192.168.XX.XX：8080 、それは動作します
注：
それがうまくいかなかった場合。それでも動作しない場合は、お使いのPCのウイルス対策ソフトウェアをオフにし、Windowsファイアウォールをオフにしてみてください、問題はPCファイアウォールに関連しています。
私のiPhoneから、私は私のWindows 8ラップトップのIISサーバでホストされているウェブサイトを閲覧したいと思いました。少し読んだ後、Windowsファイアウォールを開き、「Windowsファイアウォールを介したアプリまたは機能の許可」を選択しました。次にスクロールダウンして、リストから「World Wide Webサービス（HTTP）」をチェックしました。これですべてです、うまくいきました。それが他の誰かにも役立つことを願っています。
私の場合は、最初に私のPCとモバイルを同じネットワークに接続しました。接続をテストするには、PCからモバイルにpingを送信します。
私は自分のプロジェクトをGGTS（Groovy/Grailsツールスイート）でローカルに実行してから、PCのIPアドレスを使用してモバイルからWebサイトにアクセスしていますが、非常にうまく機能しています。
PS。ローカルから実行すると、（ http：// localhost：8080/projectname ）のようなURLが表示されます。ローカルホストをPCのIPアドレスに置き換えてください。携帯からあなたのローカルウェブサイトにアクセスする
Mac上でこれを行うためのもう1つの手っ取り早い方法は、xcodeを起動し（インストールしている場合）、シミュレータ上でsafariを実行することです。ここにlocalhostと入力しても同様に動作します。
あなたがMacを使っているなら、あなたの/etc/hostsファイルを編集するようにしてください。上記の指示に従ってIPアドレスを見つけ、そのファイルに次の行を追加します。
172.x.xx.x.x outer
その後、上記の手順はうまくいった：私のiPhoneブラウザで右のページに移動し、訪問 http：//172.x.xx.xx：porthttp://www.imore.com/how-edit-your-macs-hosts-file-and-why-you-would-want