web-dev-qa-db-ja.com

モバイルデバイスからlocalhost Webサイトを表示する

ASP.NetでホストされているWin8's localhostウェブサイトがあり、サイトはデスクトップで期待どおりに実行されているようですが、モバイルデバイスでサイトのWebサイトをテストしてレンダリング方法を確認したい

とにかくモバイルデバイスからウェブサイトにアクセスできますか

私のモバイルデバイスとデスクトップマシンは、ルーターを介して同じネットワークに接続されています。

ここに私のマシンとルーターの詳細があります。

  1. マシンにはIIS 8.0.9200.16384を実行するWin8 Proがインストールされています
  2. ルーターはTP-Link Basic 150Mbpsです。
  3. デバイスはKarbonn A15、Android-4.0.4(ICS)

誰でも私のモバイルデバイスをローカルホストのウェブサイトに接続する方法を教えてもらえますか?.

64
Abbas

モバイルデバイスからlocalhost Webサイトを表示するには、それらの手順に従う必要があります。

  • コンピューターで、IPアドレスを取得する必要があります(実行> cmd> ipconfig)
  • ローカルホストが特定のポート(localhost:12345など)を使用している場合、コンピューターでポートを開く必要があります(コントロールパネル>システムとセキュリティ>ファイアウォール>詳細設定と受信ルールの追加)
  • 最後に、次のページに移動して、モバイルデバイスからWebサイトにアクセスできます。 http://192.168.X.X:12345 /

それが役に立てば幸い

100
Joffrey Kern

新しいルールをファイアウォールに追加することなく、ASP.netローカルWebサイトにリモートアクセスする最も簡単な方法の1つは、次のVisual Studio拡張機能を使用することです。

Conveyor by Keyoti(Visual Studio拡張機能)

インストールするだけです。プロジェクトを実行するたびに、リモートアクセスに使用できるURLが表示されます。他の設定は必要ありません。

enter image description here

14
Piotrek

これを試してください https://ngrok.com/docs#expose

ngrok 3000を実行するだけで、3000はインターネットに公開するポート番号です。公開するポート番号をRails 3000に挿入できます。これにより、ローカルホストがインターネットにトンネリングされ、どこからでもローカルホストを表示できるようになります。

4
ngprnk

別のオプションは http://localtunnel.me/ NodeJSを実行している場合

npm install -g localtunnel

8080などのローカルポートでWebサーバーを起動し、そのポートへのトンネルを作成します。

lt -p 8080

randomname。localtunnel.meでローカルホストのパブリックURLを返します。利用可能な場合は、独自のサブドメインをリクエストできます。

lt -p 8080 -s myname

myname。localtunnel.meを返します

4
neave

まず、Visual Studioで開いているapplicationhost.configファイル。住所>> C:\Users\Your User Name\Documents\IISExpress\config\applicationhost.config

次に、このコードを見つけます:

<site name="Your Site_Name" id="24">
        <application path="/" applicationPool="Clr4IntegratedAppPool"
        <virtualDirectory path="/" physicalPath="C:\Users\Your User         Name\Documents\Visual Studio 2013\Projects\Your Site Name" />
        </application>
         <bindings>      
           <binding protocol="http" bindingInformation="*:Port_Number:*" />
         </bindings>
   </site>

*)Port_Number:サイトがIIS expressで実行されている間、ポート番号はブラウザのアドレスバーに次のように表示されます。localhost:port_number/...このファイルを編集するときに保存します。

2番目の手順では、管理者としてcmdを実行し、次のコードを入力する必要があります。netsh http add urlacl url=http://*:port_Number/ user=everyoneを入力してEnterキーを押します

3番目のステップでは、ファイアウォールのポートを有効にする必要があります

Go to the “Control Panel\System and Security\Windows Firewall”

Click “Advanced settings”

Select “Inbound Rules”

Click on “New Rule …” button

Select “Port”, click “Next”

Fill your IIS Express listening port number, click “Next”

Select “Allow the connection”, click “Next”

Check where you would like allow connection to IIS Express (Domain,Private, Public), click “Next”

Fill rule name (e.g “IIS Express), click “Finish”

この回答があなたの役に立つことを願っています

このリンクのVisual Studio 2015の更新: https://johan.driessen.se/posts/Accessing-an-IIS-Express-site-from-a-remote-computer

1
Ali

KeyotiのConveyor(Visual Studioの拡張機能)を使用します。 拡張ビジュアルスタジオ

1
kevin onofre

さらに、ウイルス対策を無効にするか、システムで80ポートを開くように管理する必要があります。

0
A Programmer

LANのホストIPアドレスを確認します。cmdを開き、ipconfigと入力します。xamppの場合、デフォルトのリッスンポートは80です。たとえば、10.0.0.5がホストIPアドレスモバイルのWebブラウザから10.0.0.5:80と入力します。両方が同じLANに接続されていることを確認します。ただし、webaddressが試行するデフォルトポートは80です。

0
user4925657