如何从iPhone浏览器访问在本地主机上运行的网站?
我在移动网站上工作,想用我的iPhone浏览器进行testing。 我的Windows 7机器和iPhone在同一个无线networking上。 如何从iPhone访问本地主机? 现在我得到一个404错误。
从iPhone访问本地主机将简单地做一个回环/尝试连接到自己(如果它支持?)。
你需要做的是find你的桌面计算机的IP(例如,如果是Windows,进入Command Prompt
并键入ipconfig
或去Network and Sharing Centre
并查找connection status
。
一旦你有你的IP,只需从你的浏览器访问,例如http://192.168.0.102
。
如果您正在运行防火墙的入站安全,则可能需要打开端口80(或运行您的网站的任何端口)。
如果您使用的是Mac,请转至系统偏好设置>networking,然后使用您的IP地址而不是本地主机。 你也可以使用端口号。 在我的情况下,我有一个服务器端口1448运行,我可以预览使用iPhone的192.168.1.241:1448。
如果您使用的是MAMP ,请在您的iPhone Safari浏览器中input您的IP地址(比如192.0.0.63),然后input端口号8888(例如192.0.0.63:8888),您将能够看到您的本地网站你的iPhone。
如果你使用的是WAMP服务器,再次在你的iPhone Safari浏览器中inputIP地址(比如说192.0.0.63)就是这样。 但是不要忘记从你的WAMP服务器的httpd.conf文件中删除deny from all
的deny from all
。 如果你allow from 127.0.0.1
以上查找行allow from 127.0.0.1
,在它的上面或下面你会看到deny from all
; 只要删除这一行,并重新启动您的WAMP服务器,这应该到工作。
尝试这个:
- 按Windows + R
- 打开
cmd
- 运行
ipconfig
- 检查您的无线网卡IP
- 转到iPhone并通过浏览器导航到“ http://xxx.xxx.xxx.xxx/ ”。
(xxx.xxx.xxx.xxx是你的IP)
注意:您必须在防火墙设置上设置权限,如果有的话。
你可以尝试ngrok.io 。 按照与localtunnel相同的原则工作。
下载你的操作系统的应用程序。 并尝试运行像:
对于linux:
./ngrok http 8000
8000是您的应用程序正在运行的端口号。
对于Windows:
ngrok.exe http 8000
我想和原来的要求完全一样,在这里寻找答案,关掉每一个防火墙和病毒防护都无济于事。
然后,我在Microsoft文档中发现了有关IIS express的以下陈述:“IIS express不会向另一台计算机上的浏览器提出请求,使其在企业环境中的审批更加容易”。
底线 – 你将不得不安装IIS(不是交付的IIS快递),让您的项目在您的计算机外看到。
资料来源: http : //msdn.microsoft.com/en-us/library/58wxa9w5.aspx
希望对于那些正在closures计算机上的每个安全function的人来说,这是有帮助的。
如果你宁愿input一个主机名而不是IP地址
快速方式:
您应该能够导航到您的iPhone上的http://my-macbook-pro.local/mywebsite
。 请参阅https://stackoverflow.com/a/9304094/470749
这种方法倾向于工作,因为“.local”域是一个特殊的保留字。
最好的方法(更灵活,但更复杂,只有当你有一个DD-WRT的路由器上工作):
如果你有一个本地服务器托pipe多个不同的网站,你想通过不同的主机名(通过iPhone)访问,你可以这样做。
- 在您的操作系统中,将计算机的名称更改为简短,有意义且易于记忆的名称,如“RYANDESK”。
- 在您的DD-WRT路由器设置中:
- 在“
Services > Services > Static Leases
,将服务器的MAC地址设置为指向特定的IP地址,例如192.168.1.108
。 将其主机名设置为与之前命名您的计算机相同。 “客户租赁时间”可以是1440分钟。 - 一定要按
Save
,也可以在每次更改时Apply Settings
。 (“保存”似乎不会自动应用设置。)如果出现错误,可能是因为DD-WRT的GUIdevise具有误导性,而且您不必要地按下“添加”静态租约。 - 在
DHCP Server > User Domain
,select“局域网和广域网”。 对于“LAN域”,将其设置为一些简短的string,比如没有任何标点的首字母(例如“xyz”)。 可能避免使用“本地”一词,因为可能会有冲突。 不要使用“com”,“org”,“net”等真实世界的域名
- 在“
- 在“
Services > Services > DNSMasq
,启用DNSMasq和“本地DNS”并将“其他DNSMasq选项”configuration为:address=/project1.xyz/project2.xyz/192.168.1.108
(其中xyz
是您在早期一步,IP指向特定的机器,project1
和project2
是你想要指向每个项目的主机名(例如不同的Nginxconfiguration)。 - 确保您的HOSTS文件没有任何条目与我们所做的相冲突。 如果你不知道什么是HOSTS文件,你可能没问题。
- 刷新您的DNScaching并释放并更新您的本地IP。 在iPhone上切换进出飞行模式,也可以在那里刷新DNScaching。
-
现在,您可以在iPhone(或您的桌面浏览器)中浏览
http://ryandesk.xyz
,并将parsing到本地服务器。 所以希望你已经build立了你的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-你的机器,使用的DNS-名,与-DD-WRT /
您可以使用计算机的ip而不是http:// localhost 。
但可能无法访问。 您必须编辑服务器软件的httpd.conf (或等效的configuration文件)。 我现在没有安装PHP,但您可以search关键字:“允许从/或目录”
注意:运行XAMPP的PC的IP地址应该是一个静态IP(不是由DHCP分配的),否则每次重新启动PC时都必须手动检查。
WAMP :
1)你应该点击WAMP图标>放置在线(等待直到重新开始)。
2)然后(如果您在同一networking上的Iphone上使用WiFi),请在iPhone浏览器中打开您的IP
即http://192.168.1.22
或 http://164.92.124.42
要find您的本地IP:
a)点击开始>运行> cmd然后inputipconfig ,然后你会看到那里。
要么
b)点击蓝色箭头并“租用新IP”。
PS就是这样。 现在您可以从Android或iPhone访问(打开)本地主机
来自iphone的WebpackDevServer localhost
如果您正在使用正在节点上运行的应用程序。 您可以使用webpack作为构build工具并使用其内置的devserver
您可以使用webpackdevserver从本地主机服务器启动您的应用程序,然后传入您的本地主机地址和您select的端口。
webpack-dev-server --host 192.168.0.89 --port 3000
那么从iPhone上就可以使用它
注意::您的笔记本电脑和iPhone应该在同一个networking上,并且您应该使用您的本地主机ip地址。
对于Mac如何查找IP地址,您可以参考在Node.js中获取本地IP地址
如果您使用的是mac(OSX):
在你mac:
- 打开terminal
- 运行“ifconfig”
- findIP地址“192.xx.xx”的行
如果你正在testing你的网站的地址: “localhost:8888 / mywebsite” (这取决于你的MAMPconfiguration)
在你的手机上:
- 打开你的浏览器(例如Safari)
- inputURL 192.xxx.xx:8888 / mywebsite
注意 :你必须连接在同一个networking(wifi)
看看这个答案 ,它讨论了内部路由HTTP通过直接的Objective-C调用到一个支持HTTP的层/embedded式Web服务器(让我们假设HTTP服务器代码是在同一个应用程序,希望在Web内显示HTML小部件)。
这具有稍微更安全(可能更快)的优点,因为没有端口应该暴露。
如果你正在做一个PHP项目,你可以改变基础href:
<base href="<?php echo str_replace("localhost","192.xxx",HTTPS_SERVER);?>">
- 本地主机或127.0.0.1:取决于您的设置
- 192.xxx:你的本地IP地址
- HTTPS_SERVER:以前的基础href
这样做对于在您的手机上加载图像,css和js文件至关重要。
有一个非常简单的方法来实现这一点:
- 将手机和电脑连接到同一个局域网。
-
Window + R
,然后键入ipconfig
,然后你得到你的当前IP的UR PC,它看起来像这样:192.168.XX.XX - 在你的手机网页浏览器中input你的应用程序端口,如下所示: http://192.168.XX.XX:8080 ,
注意:
如果这不起作用。 closures电脑中的防毒软件,如果还是不行,试试closureswindows防火墙,因为这个问题是关于PC防火墙的。
如果您进入“networking设置”并获取诸如xxx.xxx.x.xxx:9000(:9000或无论哪个端口处于打开状态)的Wi-Fi IP地址,请确保您的移动设备也位于同一Wi -Fi /信号IP地址。 我花了一天的时间试图让这个工作,它不工作,直到我把我的手机从蜂窝networking切换到相同的Wi-Fi连接/ IP地址。 一旦我做了这个更新,正确地打开。
对于那些正在使用正确IP地址的用户,您仍然无法连接到本地服务器,还有一件事要检查是您或您的同事没有configuration设备使用代理服务器。
我有一个不能连接的设备,事实certificate,该设备被configuration为使用查尔斯代理,当然这并没有运行。
从我的iPhone,我想浏览我的Windows 8笔记本电脑上的IIS服务器上托pipe的网站。 经过一番阅读,我打开Windows防火墙,select“允许通过Windows防火墙的应用程序或function”。 然后向下滚动并从列表中选中“万维网服务(HTTP)”。 就是这一切,它的工作。 希望它也能帮助别人。
在我的情况下,首先我连接我的电脑和手机在同一个networking上,你可以ping你的手机从PC到testing连接。
我使用GGTS(Groovy / Grails Tool Suite)在本地运行我的项目,然后使用PC IP地址从移动设备访问网站,并且工作得很好。
PS。 从本地运行它会给像( http:// localhost:8080 /项目名称 )的url,如果您尝试从手机访问您的本地网站,您应该用PC IP地址replace本地主机
如果您在Mac上,请确保编辑您的/etc/hosts
文件。 按照上述说明查找IP地址,并将以下行添加到该文件中
172.x.xx.xx outer
之后,上述步骤工作:导航到我的iPhone浏览器的右侧页面,访问http://172.x.xx.xx:端口 http://www.imore.com/how-edit-your-macs-主机文件-和-为什么-你-会-想;
另一个快速和肮脏的方式来做到这一点在Mac上打开Xcode(如果你有它安装),并在您的模拟器上运行Safari。 在这里inputlocalhost
也可以。