Как получить доступ к веб-сайту, работающему на localhost из браузера iPhone


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

24 198

24 ответа:

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

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

как только у вас есть свой ip, просто посетите его из Вашего браузера, например http://192.168.0.102.

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

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

MacOsNetworkSettings

попробуйте это:

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

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

Если вы используете МАМП, введите свой 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, и это должно быть задано.

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

для linux:

./ngrok http 8000

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

для windows:

 ngrok.exe http 8000

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

http://localtunnel.me/

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

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

Первый Вариант (Быстрый Способ):

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

этот подход имеет тенденцию работать, потому что '.местные' домен-это специальное зарезервированное слово.

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

см.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) как-то показывает страницу размещено на виртуальной машине Бродяга усадьбы по адресу 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 Domain "установите его в некоторую короткую строку, например, ваши инициалы без каких-либо знаков препинания (например,"xyz"). Вероятно, избегайте использования слова "локальный", поскольку могут возникнуть конфликты. Не используйте реальные Домены, такие как" com"," org"," net " и т. д.
  3. на Services > Services > DNSMasq, включить DNSMasq и " Local DNS "и настроить" дополнительные параметры DNSMasq", чтобы быть что-то вроде: address=/project1.xyz/project2.xyz/192.168.1.108 (где xyz это все, что вы выбрали на предыдущем шаге, IP указывает на конкретную машину, и 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/

webpackdevserver localhost с iphone

Если вы используете приложение, которое работает на узле. вы можете использовать webpack в качестве инструмента сборки и использовать их встроенный devserver

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

webpack-dev-server --host 192.168.0.89 --port 3000

затем с вашего iPhone вы можете получить к нему доступ с помощью

http://192.168.2.89:3000

Примечание:: ваш ноутбук и iPhone должны быть в одной сети, и вы должны использовать свой локальный ip-адрес.

для Mac как найти ip-адрес вы можете обратиться получить локальный IP-адрес в узел.js

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

на вас mac:

  1. Открыть Терминал
  2. запустить "ifconfig"
  3. найти строку с ip-адресом "192.ХХ.х.х"

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

в телефоне :

  1. откройте браузер (например Safari)
  2. введите URL 192.ХХХ.х.х:8888/сетевом

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

вы можете использовать ip компьютера вместо http://localhost.

но это может быть не доступна. Вы должны отредактировать httpd.conf (или эквивалентный файл конфигурации) вашего серверного программного обеспечения. У меня нет php установлен прямо сейчас, но вы можете искать с ключевым словом: "Allow from or / Directory"

Примечание: IP ПК, на котором работает XAMPP, должен быть статическим IP( не назначенным DHCP), иначе вам придется проверять его вручную каждый раз при перезагрузке персональный компьютер.

Я хотел выполнить то же самое, что и исходный запрос, и искал ответ здесь, и отключил каждый брандмауэр и защиту от вирусов безрезультатно.

затем я нашел следующее утверждение относительно IIS express в документации microsoft: "IIS express не обслуживает запросы к браузеру на другом компьютере, что упрощает его утверждение в корпоративных средах".

итог - вам нужно будет установить IIS (не доставленный IIS express), чтобы пусть ваш проект будет виден за пределами вашего компьютера.

источник: http://msdn.microsoft.com/en-us/library/58wxa9w5.aspx

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

Если вы работаете над php-проектом, вы можете изменить базовую href:

<base href="<?php echo str_replace("localhost","192.x.x.x",HTTPS_SERVER);?>">

  • localhost или 127.0.0.1: в зависимости от настройки
  • 192.x.x. x : ваш локальный ip-адрес
  • HTTPS_SERVER: предыдущая база href

Это необходимо для загрузки изображений, css и js-файлов на вашем телефоне.

С WAMP:

1) Вы должны нажать на значок WAMP>Put Online (дождитесь повторного запуска).

2) Затем (если вы WiFi на Iphone в той же сети), откройте свой IP в браузере iPhone

т. е. http://192.168.1.22илиhttp://164.92.124.42

чтобы найти свой локальный IP-адрес:
a) нажмите кнопку Пуск>Выполнить>cmd и типа ipconfig ,то вы увидите там.
или
b) нажмите на синий стрелка и "аренда нового ip".

p. s.Вот и все. теперь вы можете получить доступ (открыть) localhost из Android или iPhone

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

У меня было одно устройство, которое не подключалось, и оказалось, что устройство было настроено на использование прокси-сервера Charles, который, конечно же, не работал.

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

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

взгляните на это ответ, он обсуждает внутреннюю маршрутизацию HTTP через прямые вызовы Objective-C на HTTP-совместимый уровень/встроенный веб-сервер (предположим, что код HTTP-сервера находится в том же приложении, которое хочет отображать HTML в веб-виджете).

Это имеет то преимущество, что он немного более безопасен(и, возможно, быстрее), поскольку ни один порт (ы) не должен быть открыт.

есть очень простой способ добиться этого:

  1. Подключите телефон и компьютер к одной локальной сети.
  2. Window + R тип ipconfig, то вы получите ваш текущий ip УР ПК, это выглядит так: 192.168.ХХ.ХХ
  3. введите этот ip-адрес с портом приложения в веб-браузере телефона следующим образом:http://192.168.ХХ.ХХ:8080, он работает

Примечание:

если это не работа. Выключите антивирусное программное обеспечение на вашем ПК, если все еще не работает, попробуйте отключить Брандмауэр windows, потому что проблема связана с брандмауэром ПК.

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

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

  2. перейдите в сетевую утилиту (cmd+space и введите "сетевая утилита")

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

  4. нажмите на выпадающее меню, которое говорит "Wi-Fi" и выберите "iPhone USB", как показано на рисунке фото.

  5. вы найдете IP-адрес типа "ХХХ.ХХХ.ХХ.XX" или подобный. Откройте браузер Safari на вашем iPhone и введите IP_address: port_number

    пример: 169.254.72.86:3000

[примечание: если поле IP-адреса пустое, убедитесь, что ваш iPhone подключен через USB, закройте сетевую утилиту, откройте ее снова и проверьте IP-адрес.]

действия:

Я предполагаю, что вы запустили веб-сервер (apache tomcat на порту по умолчанию:8080).

на windows 10:

  1. откройте антивирус, перейдите в раздел Брандмауэр и найдите порт раздел и Добавить локальный порт TCP / IP: 8080, чтобы разрешить доступ
  2. получить ip-адрес машины из командной строки. (Адрес IPv4)
  3. Запуск chrome с iPhone и goto ip-адрес:адрес 8080.

Надежда эта помощь.

Если вы идете по маршруту перехода в настройки сети и получаете IP-адрес Wi-Fi, такой как xxx.xxx.x.xxx:9000 (:9000 или какой бы порт ни был открыт), убедитесь, что ваше мобильное устройство также находится на том же IP-адресе Wi-Fi/signal. Я провел день, пытаясь заставить это работать, и это не сработало, пока я не отключил свой телефон от сотовой сети на тот же Wi-Fi соединение/IP-адрес. Открылся сразу после того, как я сделал это обновление.

с моего iphone я хотел просмотреть веб-сайт, размещенный на сервере IIS на моем ноутбуке Windows 8. После некоторого чтения я открыл Брандмауэр Windows, выбрав "разрешить приложение или функцию через Брандмауэр Windows". Затем прокрутил вниз и проверил "World Wide Web Services (HTTP)" из списка. Вот и все, это сработало. Надеюсь, это поможет кому-то еще.

в моем случае сначала я подключил свой компьютер и мобильный телефон в одной сети, вы можете пинговать свой мобильный телефон с ПК, чтобы проверить соединение.

Я запускаю свой проект с Ggts (Groovy/Grails Tool Suite) локально, а затем получаю доступ к веб-сайту с мобильного телефона с помощью IP-адреса ПК, и это очень хорошо работает.

PS. запуск из локального он даст url-адрес, как (http://localhost:8080/projectname) вы должны заменить localhost с IP-адресом ПК, если вы пытаетесь получить доступ к локальному сайт с мобильного

Если вы находитесь на mac, не забудьте отредактировать свой . Найдите IP-адрес в инструкции выше и добавьте следующую строку в этот файл

172.x.xx.x.x outer

после этого, шаги выше работали: перейдите на правую страницу в моем браузере iphone, посетите http://172.х.ХХ.х.х:порт http://www.imore.com/how-edit-your-macs-hosts-file-and-why-you-would-want

еще один быстрый и грязный способ сделать это на mac-это открыть xcode (если он у вас установлен) и запустить safari на вашем симуляторе. Набрав localhost здесь тоже будет работать.