从移动设备查看本地主机网站


75

我的ASP.Net网站上托管了一个网站Win8's localhost,该网站似乎在桌面上可以正常运行,但是现在我还想在移动设备上测试该网站,以查看其呈现方式

无论如何,我可以通过移动设备访问该网站吗?

我的移动设备和台式机通过路由器连接到同一网络。

这是我的机器和路由器的详细信息。

  1. 机器安装了运行IIS 8.0.9200.16384的Win8 Pro
  2. 路由器是TP-Link Basic 150Mbps。
  3. 设备是Karbonn A15,Android-4.0.4(ICS)

谁能告诉我如何将移动设备连接到本地主机网站。


假设桌面具有内部网络ip:,147.102.1.1然后将其添加到该IP的IIS绑定中,并从移动浏览器电话中对其进行调用。
亚里斯多斯

如果您不介意,请提供逐步说明,我是网络上的新手,我的计算机IP为192.168.0.102
Abbas 2013年

Answers:


120

要从移动设备查看本地主机网站,您必须执行以下步骤:

  • 在计算机中,您必须检索IP地址(运行> cmd> ipconfig)
  • 如果您的本地主机使用特定端口(例如localhost:12345),则必须在计算机上打开该端口(“控制面板”>“系统和安全性”>“防火墙”>“高级设置”并添加“入站”规则)
  • 最后,您可以通过导航到以下网址从移动设备访问您的网站:http://192.168.XX:12345 /

希望能帮助到你


3
非常感谢Joffrey,它像一种魅力一样工作,非常感谢您的帮助,愿上帝保佑您
Abbas 2013年

2
嗨@Joffrey Kern,现在我已经安装了Windows 7,其余配置相同,我无法使用移动设备连接到我的网站,你能帮我吗
Abbas

12
您能告诉我们更多有关添加入站规则的步骤吗?
marco 2014年

2
很好,谢谢。对于xampp用户,只需注释掉以“ <LocationMatch” ^ /(?i :( ?: xampp | security | licenses | phpmyadmin | webalizer | server-status | server -info))“>”
luke_mclachlan 2015年

1
我认为我们必须建立一些实时例程和实时IP。天哪,这很棘手。如果您使用的是同一个wifi,那就太神奇了。谢谢
Moxet汗

27

在不干扰向防火墙添加新规则的情况下,远程访问ASP.net本地网站的最简单方法之一就是使用此Visual Studio扩展:

传送带by Keyoti(Visual Studio扩展)

只需安装它。每次您运行项目时,它将显示可用于远程访问的URL。无需其他配置。

在此处输入图片说明


1
真的很好用:)
Rushabh Master

1
与仅将规则添加到防火墙相比,使用传送带有什么优势?设置传送带要求您始终将规则添加到防火墙。
鲁迪

5

试试这个https://ngrok.com/docs#expose

只需运行ngrok 30003000就是您要公开到互联网的端口号。您可以插入要公开的端口号,以将其栏位设置为3000。这会将您的本地主机通过隧道传输到Internet,并且您可以从任何地方查看本地主机


1
通常,如果两个设备都在本地网络上,您还可以通过连接到来访问该站点http://<local ip>:<portnumber>。您能否解释一下用户访问其站点应访问的url / ipaddress,以及ngrok是否可能存在防火墙?
布曼2015年


4

如果您正在运行NodeJS,则另一个选项是http://localtunnel.me/

npm install -g localtunnel

在任何本地端口(例如8080)上启动Web服务器,并创建到该端口的隧道:

lt -p 8080

这将返回您的本地主机的公共URL,地址为randomname .localtunnel.me。您可以请求自己的子域(如果有):

lt -p 8080 -s myname

这将返回myname .localtunnel.me


这是一个很棒的工具,但是使用它会导致很多超时。
像素

2

首先在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 / ...编辑此文件时,将其保存。

在第二步中,您必须以管理员身份运行cmd并键入以下代码:netsh http add urlaclurl=http://*:port_Number/ user=everyone 并按Enter

在第三步中,您必须在防火墙上启用端口

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

Click “Advanced settings”

Select “Inbound Rules”

Click onNew Rule …” button

Select “Port”, click “Next”

Fill your IIS Express listening port number, click “NextSelectAllow the connection”, click “NextCheck 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


2

这是我通过以下步骤设法使其在Windows 10 Pro上适用于VS 2015的方式。它适用于http和https网站。(以下示例假设您的IP地址为192.168.1.15,端口号为12345)

  1. 在/ {project folder} /。vs / config / applicationhost.config中打开项目配置文件,并在<binding>下面的部分中添加新的绑定地址,如下所示(本地主机的绑定已经存在,只需复制/粘贴同一行并将localhost替换为您的IP地址)
    <bindings>     
       <binding protocol="http" bindingInformation="*:12345:localhost" />          
       <binding protocol="http" bindingInformation="*:12345:192.168.1.15" />  
    </bindings>
  1. 以管理员身份打开“命令提示符”窗口,然后运行以下命令。
    netsh http add urlacl url=http://192.168.1.15:12345/ user=everyone
  1. 打开“ Windows Defender防火墙和高级安全性”,选择“入站规则”,单击“新建规则...”,选择“端口”,然后添加TCP端口12345,然后单击下一步以完成该过程。

  2. 右键单击Visual Studio快捷方式,然后选择“以管理员身份运行”,然后打开您的项目,然后按Ctrl + F5打开网站。

  3. 在浏览器地址栏中,将localhost替换为192.168.1.15,然后按Enter键以使用新地址重新加载您的网站。现在,只要连接到相同的wifi,您也应该能够使用相同的地址通过移动浏览器访问该网站。

如果不起作用,请确保Visual Studio以管理员身份运行。(步骤4)


1

您可以通过从扩展中下载“输送机”库并在Visual Studio中进行更新来解决该问题。

您可以从其他设备访问它。

  • 打开Visual Studio

  • 工具>扩展和更新

  • 在线> Visual Studio市场

  • 搜索'传送带'
  • 下载并安装此扩展

启动API时,可以从其他设备访问它。该插件通过您自己的IP地址创建一个链接。

示例: https:// youripadress:5000 / api / values


0

另外,您应该禁用防病毒软件或管理它以在系统上打开80端口。


0

知道局域网上的主机IP地址打开cmd并键入ipconfig,如果xampp的默认侦听端口为80,则例如,如果10.0.0.5是您的主机IP地址,请从移动网络浏览器中键入10.0.0.5:80。两者都连接到同一个LAN,但是webaddress尝试的默认端口是80。


0

一个非常简单的方法。

  1. 转至CMD并键入以下不带'$'的内容,然后选择一个名称作为您HotspotName的密码,并选择一个密码作为您的密码HotspotPassword

    $ netsh wlan set hostednetwork mode=HotspotName key=HotspotPassword

    $ netsh wlan start hostednetwork

  2. 将您的手机连接到WiFi,并浏览其网络信息,获得Gateway address类似于IP地址的信息。

  3. 在Chrome网址栏中输入网关地址,您就可以了

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.