У меня есть сайт, который я создаю на localhost:
Мне нужно протестировать его на моем iPhone, но я не уверен, как это сделать. Я просто изменяю свой файл httpd-vhosts.conf, и если да, то каковы настройки?
У меня есть сайт, который я создаю на localhost:
Мне нужно протестировать его на моем iPhone, но я не уверен, как это сделать. Я просто изменяю свой файл httpd-vhosts.conf, и если да, то каковы настройки?
Предполагая, что ваша машина разработки называется my-macbook-pro
, вам просто нужно перейти к http://my-macbook-pro.local/mywebsite
на вашем iPhone.
Чтобы немного расширить значение ответа Ричарда Дж. Росса III, "localhost" - это имя, используемое для обозначения только локального компьютера. Чтобы ваш iPhone мог получать доступ к контенту на этом компьютере, он должен:
Имейте IP-адрес в той же сети, что и серверная машина.
Это может быть достигнуто путем подключения iPhone к точке беспроводного доступа, которая находится в той же сети, что и ПК, или путем создания беспроводной сети ad-hoc между двумя устройствами.
Отвечайте на запросы HTTP от сетевых клиентов.
Предполагая, что сервер и iPhone находятся в одной сети, потоки трафика должны быть между ними. Однако для того, чтобы ваш веб-контент был видимым для iPhone, веб-сервер также должен быть настроен для ответа на запросы, сделанные на IP-адрес сервера.
Обычно это не проблема, поскольку веб-серверы обычно настроены для ответа на HTTP-запросы, отправленные на любой из IP-адресов компьютеров. Возможно, сервер может быть настроен только для ответа на локальные запросы, однако это не типичный параметр по умолчанию
Как вы можете проверить или изменить этот параметр, зависит от используемого вами программного обеспечения HTTP-сервера. Поскольку эта информация не указана, я буду включать инструкции для Apache2, поскольку это очень распространенный выбор HTTP-сервера.
Основной файл конфигурации Apache httpd.conf
и находится в подкаталоге conf
вашего каталога Apache. Расположение корневого каталога Apache будет зависеть от того, какую операционную систему вы используете, и независимо от того, было ли выбрано произвольное местоположение при установке.
Файл httpd.conf содержит директиву Listen, которая управляет интерфейсом (IP-адресом и портом), на котором Apache прослушивает входящие HTTP-запросы.
Стандартная форма этой директивы обычно
Listen 80
Указывает, что устройство будет отвечать на любой из его IP-адресов на запросы, сделанные на порт 80, который является портом по умолчанию для HTTP-трафика.
Вы можете изменить директиву Listen для использования любого адреса, связанного с машиной, включая адрес loopback (127.0.0.1
), который разрешает имя localhost
.
Если Apache настроен только на прослушивание по loopback-адресу, ваш сервер будет отвечать только на запросы, сделанные на локальном компьютере. В этой конфигурации ваша директива Listen будет выглядеть примерно так:
Listen 127.0.0.1:80
Если это так, вам нужно будет изменить либо прослушивание по всем адресам, как в приведенном выше примере, либо прослушивание только по адресу, используемому iPhone, для связи с серверной машиной.
Если вы используете vhost (несколько сайтов на одном сервере apache), следующие несколько советов помогут вам просмотреть локальные веб-сайты на мобильных устройствах:
1) VHOST edit. Вы должны перейти на/etc/apache2/sites-available/на свой сервер. Может быть несколько файлов .conf
, каждый файл содержит конфигурацию виртуального хоста для apache. Файл по умолчанию будет выглядеть как 000-default.conf. Откройте его (или другой) с правами администратора sudo
. В этом файле вы должны увидеть что-то вроде этого:
<VirtualHost *:80>
ServerName auction.dev
ServerAdmin [email protected]
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 [email protected]
DocumentRoot /var/www/public_html/html
ErrorLog /var/www/logs/error.log
CustomLog /var/www/logs/access.log combined
</VirtualHost>
После редактирования вы должны сохранить этот файл и перезапустить apache командой sudo apachectl restart
.
3) Просмотр с мобильного. Вам нужно знать ip вашего сервера, в моей ситуации ip = 192.168.1.247. Теперь в вашем мобильном браузере просто введите auction.dev.192.168.1.247.xip.io, и вы должны увидеть свой локальный веб-сайт.
Я работаю с xampp. localhost работает на порту 8080.
Я просто нахожу свой ip с ipconfig и занимаюсь серфингом http://10.0.0.1:8080
.
Это просто!
Если вы просто хотите лучше почувствовать собственное поведение, а не только инструменты для браузера, вы можете использовать симулятор iOS и введите localhost: xxxx в приложении Safari.
Когда вы подключаете свой iPod к кабелю к вашему macbook, устройство появляется в сафари на вашем mac в меню под разработчиками. Когда вы нажимаете эту опцию, вы можете видеть то же самое, что и на своем ipod.
Для OSX перейдите в Системные настройки/Общий доступ. Там вы можете найти и изменить имя вашего компьютера. В этом же разделе вы также должны включить услугу "Общий Интернет" с портом "iPhone USB".
Затем вы можете просмотреть свой веб-сайт по адресу http://{имя_компьютера}.local/my-website.
Используйте следующий шаблон на устройстве 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
читать больше здесь