как посмотреть "localhost" на моем iPod touch - PullRequest
13 голосов
/ 16 февраля 2012

У меня есть сайт, который я создаю на localhost:

http://localhost/my-website

Мне нужно протестировать его на моем iPhone, но я не уверен, как это сделать.Должен ли я просто изменить свой файл httpd-vhosts.conf и, если да, каковы настройки?

Ответы [ 8 ]

30 голосов
/ 16 февраля 2012

Предполагая, что ваша машина для разработки называется my-macbook-pro, вы просто должны иметь возможность перейти на http://my-macbook-pro.local/mywebsite на вашем iPhone.

17 голосов
/ 16 февраля 2012

Чтобы немного расширить ответ Ричарда Дж. Росса III, «localhost» - это имя, используемое для обозначения только локального компьютера. Чтобы ваш iPhone имел доступ к контенту на этом компьютере, он должен:

  1. Иметь IP-адрес в той же сети, что и серверный компьютер.

    Этого можно достичь, подключив iPhone к беспроводной точке доступа, которая находится в той же сети, что и ПК, или создав беспроводную сеть ad-hoc между двумя устройствами.

  2. Ответ на HTTP-запросы от сетевых клиентов.

    Предполагая, что сервер и iPhone находятся в одной сети, трафик между ними должен быть возможным. Однако для того, чтобы ваш веб-контент был виден для iPhone, веб-сервер также должен быть настроен для ответа на запросы к IP-адресу компьютера сервера.

    Обычно это не проблема, поскольку веб-серверы обычно настроены на ответ на запросы HTTP, отправленные на любой из IP-адресов компьютеров. Возможно, что сервер можно настроить для ответа только на локальные запросы, однако это не типичная настройка по умолчанию

    Способ проверки или изменения этого параметра зависит от используемого программного обеспечения сервера HTTP. Поскольку эта информация не указана, я включу инструкции для Apache2, так как это очень распространенный выбор HTTP-сервера.

Директива Apache по прослушиванию

Основной файл конфигурации Apache - httpd.conf, он находится в подкаталоге conf вашего каталога Apache. Расположение вашего корневого каталога Apache будет зависеть от того, какую операционную систему вы используете, и было ли выбрано пользовательское расположение при установке.

Файл httpd.conf содержит директиву Listen, которая управляет интерфейсом (IP-адресом и портом), на котором Apache прослушивает входящие HTTP-запросы.

Форма этой директивы по умолчанию обычно

Listen 80

Указывает, что машина будет реагировать на любой из своих IP-адресов на запросы, сделанные на порту 80, который является портом по умолчанию для трафика HTTP.

Вы можете изменить директиву Listen для использования любого адреса, связанного с машиной, включая адрес обратной связи (127.0.0.1), к которому относится имя localhost.

Если Apache настроен на прослушивание только адреса обратной связи, то ваш сервер будет отвечать только на запросы, сделанные на локальном компьютере. В этой конфигурации ваша директива Listen будет выглядеть примерно так:

Listen 127.0.0.1:80

В этом случае вам нужно будет либо прослушивать все адреса, как в примере выше, либо прослушивать только адрес, используемый iPhone для связи с сервером.

2 голосов
/ 19 июля 2017

100% рабочих растворов

(для linux + apache + vhosts)

Если вы используете vhost (несколько сайтов на одном сервере apache), следующие несколько советов могут помочь вам просматривать локальные веб-сайты на мобильных устройствах:

1) VHOST edit -Вы должны перейти в / 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>

После редактирования вы должны сохранить этот файл и перезапустить apache с помощью команды sudo apachectl restart.

3) Просмотр с мобильного телефона - Вам нужно знать ip вашего сервера, в моей ситуации ip = 192.168.1.247. Теперь в вашем мобильном браузере просто введите auction.dev.192.168.1.247.xip.io, и вы должны увидеть свой локальный веб-сайт.

1 голос
/ 17 ноября 2015

Если вы просто хотите лучше почувствовать нативное поведение, а не просто инструменты разработки браузера, вы можете использовать симулятор iOS и ввести localhost: xxxx в приложении safari.

1 голос
/ 24 ноября 2013

Я работаю с xampp. localhost работает на порту 8080. Я просто нахожу свой ip с ipconfig и сёрфом на http://10.0.0.1:8080. Это просто!

0 голосов
/ 07 марта 2019

Используйте следующий шаблон на устройстве 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

подробнее здесь

0 голосов
/ 02 мая 2018

Для OSX перейдите в Системные настройки / Общий доступ.Там вы можете найти и изменить имя вашего компьютера.В этом же разделе вы также должны активировать услугу «Общий Интернет» с портом «iPhone USB».

Затем вы можете просматривать свой веб-сайт по адресу http://{ имя_компьютера} .local / my-website.

0 голосов
/ 19 июля 2017

Когда вы подключаете свой ipod с помощью кабеля к вашему MacBook, устройство появляется в Safari на вашем Mac в меню разработчиков. Когда вы нажимаете эту опцию, вы можете видеть то же самое, что и на своем iPod.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...