Как получить доступ к сайту, работающему на локальном хосте, из браузера iPhone - PullRequest
238 голосов
/ 28 июня 2010

Я работаю над мобильным веб-сайтом и хотел бы проверить его с помощью своего браузера iPhone.Мой компьютер с Windows 7 и iPhone находятся в одной беспроводной сети.Как я могу получить доступ к localhost с iPhone?Прямо сейчас я получаю ошибку 404.

Ответы [ 26 ]

220 голосов
/ 28 июня 2010

Доступ к localhost с iPhone будет просто выполнять зацикливание / попытаться подключиться к самому себе (если он поддерживает это?).

Что вам нужно сделать, это найти IP-адрес вашего настольного компьютера (например, если Windowsперейдите на Command Prompt и наберите ipconfig или перейдите на Network and Sharing Centre и найдите connection status.

Получив свой ip, просто перейдите на страницу браузера, например, http://192.168.0.102.

Возможно, вам потребуется открыть порт 80 (или любой другой порт, на котором работает ваш веб-сайт) во входящей безопасности вашего брандмауэра, если вы используете его.

160 голосов
/ 03 февраля 2014

Если вы используете Mac, перейдите в Системные настройки> Сеть и используйте свой IP-адрес вместо localhost.Вы также можете использовать номер порта.В моем случае у меня работает сервер с портом 1448, и я могу просмотреть 192.168.1.241:1448 с помощью iPhone.

MacOsNetworkSettings

25 голосов
/ 28 июня 2010

Попробуйте:

  1. Нажмите Windows + R
  2. Открыть cmd
  3. Выполнить ipconfig (Старый) ifconfig (Новый)
  4. Проверьте IP-адрес вашей беспроводной сетевой карты
  5. Перейдите на iPhone и перейдите к "http://xxx.xxx.xxx.xxx/" через ваш браузер.
    (xxx.xxx.xxx.xxx - ваш IP)

Примечание: вы должны установить разрешение для настроек брандмауэра, если таковые имеются.

22 голосов
/ 02 апреля 2016

вы можете попробовать ngrok.io .Работает по тому же принципу, что и localtunnel.
Загрузите приложение для вашей ОС.и попробуйте выполнить команду:

для Linux:

./ngrok http 8000

8000 - это номер порта, на котором запущено ваше приложение.

для windows:

 ngrok.exe http 8000
21 голосов
/ 18 января 2012

Если вы используете MAMP , введите свой IP-адрес (скажем, 192.0.0.63) в браузере iPhone Safari, затем номер порта 8888 (например, 192.0.0.63:8888) ибудет иметь возможность видеть ваш локальный сайт в вашем iPhone.

И если вы используете сервер WAMP , снова в вашем браузере iPhone Safari просто введите IP-адрес (скажем, 192.0.0.63) и все тут.Но не забудьте удалить deny from all из файла httpd.conf для вашего сервера WAMP.Если вы посмотрите на строку allow from 127.0.0.1, над ней или под ней вы увидите deny from all;просто удалите эту строку и перезапустите сервер WAMP, и это должно работать.

19 голосов
/ 13 января 2015

Если вы не в той же сети, вы можете использовать этот сторонний инструмент под названием localtunnel

http://localtunnel.me/

Он в основном направляет ваш контент через другой сервер, и вы получаете к нему доступ.

14 голосов
/ 16 августа 2018

Если вы используете Mac -

  1. Подключите iPhone к компьютеру Mac через USB.

  2. Перейдите в Network Utility (cmd + пробел и введите «сетевая утилита»)

  3. Перейдите на вкладку «Информация»

  4. Нажмите на каплювниз меню с надписью «Wi-Fi» и выберите «iPhone USB», как показано на фото.

Network Utility, select iPhone USB

Вы найдете IP-адрес, например «xxx.xxx.xx.xx» или аналогичный.Откройте браузер Safari на своем iPhone и введите IP_адрес: номер_порта

Пример: 169.254.72.86:3000

[ПРИМЕЧАНИЕ. Если поле IP-адреса пустое, убедитесь, чтоiPhone подключен через USB, выйдите из Network Utility, снова откройте его и проверьте IP-адрес.]

8 голосов
/ 25 января 2017

Если вы введете имя хоста вместо IP-адреса

Первый вариант (быстрый путь):

Вы должны быть в состоянии перейти на http://my-macbook-pro.local/mywebsite на вашем iPhone. Смотри https://stackoverflow.com/a/9304094/470749

Этот подход работает, потому что домен .local является специальным зарезервированным словом.

Второй вариант:

См. http://xip.io/,, который является бесплатным и очень удобным. Конфигурация не требуется.

Затем, когда вы перейдете к http://mysite.app.192.168.1.130.xip.io (используя браузер на вашем сервере или на любом устройстве в вашей локальной сети), он покажет страницу, размещенную на 192.168.1.130.

И если вы работаете с Homestead на машине с этим IP-адресом, при просмотре http://mysite.app.192.168.1.130.xip.io:44300 (с портом в URL) каким-то образом отображается страница, размещенная на виртуальной машине Homestead Vagrant по адресу 192.168.10.10 , Довольно удивительно.

Третий вариант (который не зависит от услуги и является гибким, но более сложным и работает только при наличии маршрутизатора с DD-WRT на нем):

Если у вас есть один локальный сервер, на котором размещено несколько разных сайтов, к которым вы хотите получить доступ через разные имена хостов (через iPhone), вы можете сделать это.

  1. В вашей ОС измените имя своего компьютера на короткое, значимое и легко запоминающееся, например, «RYANDESK».
  2. В настройках вашего маршрутизатора DD-WRT:
    1. В Services > Services > Static Leases установите MAC-адрес вашего сервера так, чтобы он указывал на определенный IP-адрес, например 192.168.1.108. Установите его имя хоста таким же, как вы назвали свой компьютер ранее. «Время аренды клиента» может составлять 1440 минут.
    2. Обязательно нажимайте Save, а также Apply Settings при каждом изменении. («Сохранить», по-видимому, автоматически не применяет настройки.) Если вы получаете ошибку, возможно, это связано с тем, что дизайн графического интерфейса DD-WRT вводит в заблуждение, и вы излишне нажимали «Добавить» для статической аренды.
    3. В DHCP Server > User Domain выберите «LAN & WAN». В поле «Домен LAN» задайте короткую строку, например, ваши инициалы без знаков препинания (например, «xyz»). Вероятно, избегайте использования слова «местный», поскольку могут быть конфликты. Не используйте реальные домены, такие как «com», «org», «net» и т. Д.
  3. В Services > Services > DNSMasq включите DNSMasq и «Локальный DNS» и настройте «Дополнительные параметры DNSMasq» следующим образом: address=/project1.xyz/project2.xyz/192.168.1.108 (где xyz - это то, что вы выбрали на предыдущем шаге, IP указывает на определенный machine, а project1 и project2 - это любое имя хоста, которое вы хотите указать для каждого из этих проектов (например, различные конфигурации Nginx).
  4. Убедитесь, что в вашем файле HOSTS нет записей, противоречащих тому, что мы сделали. Если вы не знаете, что такое файл HOSTS, вы, вероятно, в порядке.
  5. Очистите кэш DNS, освободите и обновите локальный IP-адрес. Переключитесь в режим «В самолете» на iPhone, чтобы очистить кэш DNS.
  6. Теперь вы можете перейти к http://ryandesk.xyz в вашем iPhone (или в браузере вашего компьютера), и он будет преобразован в ваш локальный сервер. Надеюсь, вы настроили 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-your-machines-using-dns-names-with-dd-wrt/

4 голосов
/ 06 мая 2018

Для Mac просто откройте Network Utility (Вы можете легко найти это, набрав cmd + space, чтобы открыть прожектор, а затем в центре внимания начать печатать Network Utility). Выберите Network Utility, когда она открыта, ваш IP-адрес будет находиться рядом с меткой IP-адрес. Таким образом, в основном с IP вы можете войти в любые открытые порты вашего локального Mac, например если ваш сайт работает локально на localhost: 3000, а ваш ip-адрес - 154.31.92.0, то с вашего телефона вы можете получить сайт, просто набрав в браузере 154.31.92.0:3000.

PS - это работает, только если телефон и компьютер находятся в одной сети

4 голосов
/ 08 октября 2017

Если вы используете Mac (OSX):

На вашем Mac:

  1. Открыть терминал
  2. запустить "ifconfig"
  3. Найдите строку с IP-адресом "192.xx.xx"

Если вы тестируете свой веб-сайт с адресом: "localhost:8888 / mywebsite " (зависит от конфигурации вашего MAMP)

На вашем телефоне:

  1. Откройте браузер (например, Safari)
  2. Введите URL 192.xxx.xx: 8888 / mywebsite

Примечание : вы должны быть подключены к одной сети (Wi-Fi)

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