我有一个我在localhost上构建的网站:
我需要在我的iPhone上进行测试,但我不知道如何去做。我只是更改我的httpd-vhosts.conf文件,如果是,那么设置是什么?
答案 0 :(得分:30)
假设您的开发机器名为my-macbook-pro
,您应该只能导航到iPhone上的http://my-macbook-pro.local/mywebsite
。
答案 1 :(得分:17)
要稍微扩展Richard J. Ross III的答案,“localhost”是一个仅用于指代本地计算机的名称。为了让您的iPhone能够访问该计算机上的内容,它必须:
在与服务器计算机相同的网络上拥有IP地址。
这可以通过将iPhone连接到与PC在同一网络上的无线接入点,或者通过在两个设备之间创建ad-hoc无线网络来实现。
响应来自网络客户端的HTTP请求。
假设服务器和iPhone在同一网络上,流量应该可以在它们之间流动。但是,为了使您的Web内容对iPhone可见,还必须配置Web服务器以响应对服务器计算机IP地址的请求。
这通常不是问题,因为Web服务器通常配置为响应发送到任何计算机IP地址的HTTP请求。服务器可能配置为仅响应本地请求,但这不是典型的默认设置
如何检查或修改此设置取决于您使用的HTTP服务器软件。由于未指定此信息,因此我将包含Apache2的说明,因为这是HTTP服务器的一种非常常见的选择。
Apache的主要配置文件是httpd.conf
,它位于Apache目录的conf
子目录中。 Apache根目录的位置将根据您使用的操作系统以及安装时是否选择自定义位置而有所不同。
httpd.conf文件包含一个名为Listen的指令,该指令控制Apache侦听HTTP请求的接口(IP地址和端口)。
此指令的默认形式通常为
Listen 80
这指定机器将响应其中任何IP地址对端口80上发出的请求,这是HTTP流量的默认端口。
您可以修改Listen指令以使用与计算机关联的任何地址,包括名称127.0.0.1
解析为的环回地址(localhost
)。
如果Apache设置为仅侦听环回地址,则服务器计算机将仅响应在本地计算机上发出的请求。在此配置中,您的Listen指令将类似于:
Listen 127.0.0.1:80
如果是这种情况,您将需要更改为侦听所有地址,如上例所示,或者仅监听iPhone用于与服务器计算机通信的地址。
答案 2 :(得分:2)
如果您使用的是vhost(同一服务器上的几个站点),接下来的几个提示可以帮助您在移动设备上查看您的本地网站:
1)VHOST编辑 - 您应该转到服务器上的/ etc / apache2 / sites-available /。可以有多个文件.conf
,每个文件包含apache的虚拟主机配置。默认文件看起来像000-default.conf。使用管理员权限sudo
打开它(或另一个)。在该文件中,您应该看到如下内容:
<VirtualHost *:80>
ServerName auction.dev
ServerAdmin test@test.com
DocumentRoot /var/www/public_html/html
ErrorLog /var/www/logs/error.log
CustomLog /var/www/logs/access.log combined
</VirtualHost>
2)XIP.IO - 这项特殊服务(完全免费)可以为您提供帮助。您应该将.conf
文件添加到下一行 - ServerAlias auction.dev.*.xip.io
,在此操作之后,您的文件将如下所示:
<VirtualHost *:80>
ServerName auction.dev
ServerAlias auction.dev.*.xip.io
ServerAdmin test@test.com
DocumentRoot /var/www/public_html/html
ErrorLog /var/www/logs/error.log
CustomLog /var/www/logs/access.log combined
</VirtualHost>
编辑完成后,您应保存此文件并使用命令sudo apachectl restart
重新启动apache。
3)从手机查看 - 您需要知道服务器的IP,在我的情况下ip = 192.168.1.247。现在在您的移动浏览器中输入auction.dev.192.168.1.247.xip.io,您应该会看到您当地的网站。
答案 3 :(得分:1)
我正在使用xampp。 localhost适用于端口8080。
我只是用ipconfig找到我的ip并浏览http://10.0.0.1:8080
。
那很简单!
答案 4 :(得分:1)
如果您只是想要更好地了解原生行为而不仅仅是浏览器开发工具,您可以使用iOS模拟器并在safari应用程序中键入localhost:xxxx。
答案 5 :(得分:0)
当您将iPod与电缆连接到Macbook时,设备会在开发人员下的菜单中显示在Mac上的safari中。单击此选项后,您可以在ipod上看到完全相同的内容。
答案 6 :(得分:0)
对于OSX,请转至系统偏好设置/共享。在那里,您可以找到并更改计算机的名称。在同一部分中,您还必须使用“iPhone USB”端口启用“Internet共享”服务。
然后,您可以在http:// {computer_name} .local / my-website。
上查看您的网站答案 7 :(得分:0)
使用iOS设备上的下一个模式连接到Mac的本地主机:
http://<computer-name>.local:<port>
在<computer-name>
处可以找到System Preferences -> Sharing
或
http://<ip-address-of-desktop>:<port>
在<ip-address-of-desktop>
处可以找到System Preferences -> Network
了解更多here
答案 8 :(得分:0)
执行以下步骤对我有用:
https://mtm.dev/iphone-localhost-mac
它基于Internet Sharing via USB
并设置和使用device_name
,然后将其用作<device_name>.local:<port>