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

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

Ответ 1

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

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

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

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

Ответ 2

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

MacOsNetworkSettings

Ответ 3

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

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

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

Ответ 4

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

для linux:

./ngrok http 8000

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

для окон:

 ngrok.exe http 8000

Ответ 5

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

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

Ответ 6

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

http://localtunnel.me/

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

Ответ 7

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

  1. Подключите ваш iPhone к вашему Mac через USB.

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

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

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

Network Utility, select iPhone USB

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

    Пример: 169.254.72.86:3000

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

Ответ 8

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

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

Вы должны быть в состоянии перейти к http://my-macbook-pro.local/mywebsite на вашем iPhone. См. fooobar.com/questions/37238/...

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

Ответ 9

WebpackDevServer localhost из iphone

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

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

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

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

http://192.168.2.89:3000

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

Для Mac, как найти ip-адрес, вы можете ссылаться Получить локальный IP-адрес в node.js

Ответ 10

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

На вас mac:

  • Открытый терминал
  • запустите "ifconfig"
  • Найдите строку с адресом ip "192.xx.x.x"

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

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

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

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

Ответ 11

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

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

Ответ 12

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

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

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

Ответ 13

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

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

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

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

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

Ответ 14

Если вы работаете над проектом 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 файлов на ваш телефон.

Ответ 15

WIth WAMP:

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

2) Затем (если вы используете Wi-Fi на Iphone в той же сети), откройте свой IP-адрес в браузере iPhone

то есть. http://192.168.1.22 ИЛИ http://164.92.124.42

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

p.s. Все это. теперь вы можете открыть (открыть) локальный хост от Android или iPhone

Ответ 16

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

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

Ответ 17

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

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

Ответ 18

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

Ответ 19

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

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

Примечание:

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

Ответ 20

шаги:

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

На окнах 10:

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

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

Ответ 21

Найдите IP адрес вашей системы и на каком port вы запускаете веб-сайт.

Скажем, ваш IP-адрес 121.300.00.250 а ваш порт 8080.

[Номер порта: смотрите ваш веб-браузер при запуске страницы, например: localhost: 8080/... тогда номер порта 8080]

Теперь на вашем мобильном телефоне зайдите на 121.300.00.250:8080/.. и вы найдете свой сайт.

ВАЖНО: Вы должны убедиться, что ваш сервер (например, Apache Tomcat) находится в запущенном состоянии

Ответ 22

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

Ответ 23

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

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

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

Ответ 24

Если вы на Mac, обязательно отредактируйте файл /etc/hosts. Найдите IP-адрес в соответствии с приведенными выше инструкциями и добавьте следующую строку в этот файл

172.x.xx.x.x outer

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

Ответ 25

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

Ответ 26

Используйте следующий шаблон URL:

http://<computer-name>.local:<port>

где <computer-name> вы можете найти System Preferences → Sharing

ТАК сообщение

Если вы используете встроенный сервер WebStorm → Preferences Build, Execution, Deployment → Debugger → Can accept external connections убедитесь, что WebStorm → Preferences Build, Execution, Deployment → Debugger → Can accept external connections включена

ТАК сообщение

Ответ 27

Если вы пришли сюда из угловой среды, вы, вероятно, используете порт 4200 для разработки, и он заблокирован safari → вот весь список портов, которые вы можете использовать - благодаря браузерному стеку.

Кроме того, следуйте этой инструкции, и вы хорошо идти :)