webdevqa.jp.net

Androidデバイスでlocalhostを閲覧するには?

Htcマジックでlocalhostをブラウズしようとしました。 USB経由でEclipseにデバイスを接続しました。ブラウジング http://10.0.2.2 「ページにアクセスできません。数日前は機能していました。

しかし、エミュレータ上でローカルホストを閲覧することができます

何か案は?よろしく

52
Artjom Zabelin

私はそのためにローカルIPを使用します、すなわち192.168.0.1、それは動作します。

32
Fedor

確認する簡単な方法は、ローカルホストではなく、エミュレータータイプ10.0.2.2のブラウザーを使用することです。

localhostのリファレンス

お役に立てば幸いです! :)

47
tosha Shah

エミュレータ上のlocalhostにアクセスするには:10.0.2.2。ただし、XMPPサーバーなどのWebサーバー以外のものがある場合、これは常に機能するとは限りません。

同じ無線ネットワークにいると仮定して...

  1. ローカルIPを見つけます(192.168.1.xである必要があります)-コマンドラインに移動し、「ipconfig」と入力してこれを取得します。ここで、xはサーバーマシンの割り当てられたローカルIPです。

  2. AndroidデバイスにローカルIPを使用して、ローカルホストに接続します。

それは私のために働いた。

20
user595349

Androidデバイスからワイヤレスネットワーク経由でPCで実行されているサーバーにアクセスする場合は、まずPCでipconfigコマンドを実行します(run(Windowsロゴ+ R)、cmd、ipconfigを使用します)。

IPv4アドレスに注意してください:(192.168.0.xである必要があります)いくつかのx。これをポート番号とともにサーバーのIPアドレスとして使用します。 192.168.0.7:8080、コード内。

Androidデバイスは、ワイヤレスネットワークルーターを介してサーバーにアクセスします。

12
Michael Denham

Android Webアプリケーションを開発しているときに、Javaデバイス(Samsung S3)にもlocalhostを表示する必要がありました。
これまでで最も速く簡単な方法は、このリンクにアクセスして指示に従うことです。 https://developer.chrome.com/devtools/docs/remote-debugging

*注:Google Chromeを使用する必要があります。*
上記リンクの概要:

  • USB経由でPCを電話に接続します。
  • 設定から電話の「開発者向けオプション」をオンにします
  • PCのブラウザでabout:inspect URLに移動します
  • [Discover USB Devices]をオンにします(Webアプリケーションで使用している場合はポートを転送します)
  • Localhost必要なリンクをブラウザーのテキストフィールドにコピーして貼り付け、[開く]をクリックします。

ケーキの塊

9
Dimitris

Localhostの特定のポートで実行されているサーバーのパブリックURLを取得できます。

私の職場では、他のほとんどの答えが示唆するように、アプリでマシンのローカルIPアドレスを使用してローカルサーバーにアクセスできました。しかし、自宅では、何らかの理由でそれを行うことができませんでした。多くの回答を試みて多くの時間を費やした後、私は https://ngrok.com に出会いました。とても簡単です。フォルダー内からダウンロードするだけです:

ngrok portnumber

(Windowsのコマンドプロンプトから)

./ngrok portnumber

(Linuxのターミナルから)

これにより、ローカルホストのポート番号で実行されているローカルサーバーのパブリックURLが提供されます。アプリに含めて、そのURLを使用してデバッグできます。

ローカルWebサーバーをインターネットに安全に公開し、すべてのトラフィックをキャプチャして詳細な検査を行うことができます。リモートで作業している可能性のある同僚の開発者とURLを共有し、App/Serverの相互作用をデバッグできます。

これがいつか誰かの時間を節約することを願っています。

4
Shobhit Puri

上記の回答のいくつかと他の1つの追加項目を組み合わせて、問題を解決しました。

  1. 上記のように、ファイアウォールをオフにします[接続に成功したら、ポートへの着信接続を許可する特定のルールを追加します]
  2. 上記のようにipconfigでIPアドレスを見つけます
  3. Webサーバーが、127.0.0.1だけでなく、上記のIPアドレスにバインドしていることを確認します。 IPアドレスとポートを参照して、これをローカルでテストします。例えば。 192.168.1.113:8888。そうでない場合は、解決策を見つけてください。例えば。 https://groups.google.com/forum/?fromgroups=#!topic/google-appengine-Java/z4rtqkKO2hg
  4. 次に、Androidデバイスでテストします。データ接続もオフにし、Androidではwifi接続のみを使用していることに注意してください。
3
Rob

ローカルホストがデフォルトのHTTPポート(ポート80)で実行されていない場合、ローカルホストが実行されているポートに対応するものにURLのポートを指定する必要があります。例えば。 localhostがポート85で実行されている場合、URLは

http://10.0.2.2:85
1
makt

これを行うにはtestproxyを使用します。

npm install testproxy

testproxy http://10.0.2.2

次に、モバイルデバイスでアクセスできるURL(およびQRコード)を取得します。開発マシンのIPを入力するだけでは到達できない仮想マシンでも動作します。

0
edwin

ファイアウォールがオンになっている場合は、オフにして、IPv4を使用して実際のデバイスでアプリをテストしてから、アプリケーションをテストします。

0

Macユーザーの場合:

使用したXamppが実際の「Xampp」ではないことに気づくまで、この問題に1日取り組んできました。XamppVMは、Linux仮想マシンに基づいて実行されます。そのため、ローカルホストではなく、別のIPで実行されていました。実際のXamppをインストールしてローカルサーバーでローカルサーバーを実行し、MacのIPを使用してアクセスします。

これが誰かを助けることを願っています。

0
Hua Yang

Mac OSXユーザー

携帯電話とラップトップが同じwifi上にある場合:

System Preferences > NetworkにアクセスしてIPアドレスを取得します

モバイルブラウザで、[your IP address]:3000と入力してlocalhost:3000にアクセスします

例えば12.45.123.456:3000

0
rhosyn

同様の問題がありましたが、静的IPアドレスを使用したり、ファイアウォール設定を変更したりして解決できませんでした。すぐに設定できる便利なユーティリティを見つけました。

ローカルWebサーバーをクラウドで無料でホストできます。クラウドで公開すると、localhostの代わりに使用できる別のURLを取得し、どこからでもWebサーバーにアクセスできます。

ユーティリティはngrokです https://ngrok.com/download 手順:

  1. サインアップ
  2. ダウンロード
  3. ファイルを抽出し、ダブルクリックして実行すると、コマンドプロンプトが開きます
  4. ポート80で実行されるXAMPP Apacheサーバーなどのホストに引用符なしで「ngrok.exe http 80」と入力します。
  5. Cmdプロンプトで生成された新しいURL名をコピーします。 「fafb42f.ngrok.io」のような場合

次のようなURL: http://localhost/php/test.php このように変更する必要があります: http://fafb42f.ngrok.io/php/test.php

これで、電話からこのURLにアクセスできます。

0
Deepika Rajani