Открыть localhost на мобильном
Когда нужно протестировать сайт работающий на локальном сервере на смартфоне.
Работает, при условии, что вы на своем вайфае. Краткое содержание:
В терминале ipconfig
Добавляете к нему соотв порт. Например, у вас локальный сервер на :5500/
Это работает для live server на vs code. Но не работает на jekyll server. Чтобы заработало нужно в _config.yml добавить host: 0.0.0.0
Учтите, что в этом случае команда jekyll serve будет писать localhost в feed и возможно другие места. Поэтому для сборки на продакшен используйте jekyll build.
Как я могу получить доступ к своему локальному хосту через телефон Android?
Я хочу подключить свой Android-телефон к XAMPP-серверу своего компьютера, чтобы запустить приложение в браузере телефона (приложение отлично работает с браузером ПК).
Я использую широкополосное соединение. Единственное решение, которое у меня есть до даты, — это использование Wi-Fi-соединения.
Но я ограничено использованием подключения к локальной сети. Как я могу подключить его без использования маршрутизатора?
Как открыть локальный сайт на телефоне
Многие начинают разработку нового сайта на локальном сервере. Это очень удобно и практично по многим причинам. И когда создание сайта подходит к концу, начинается второй этап – тестирование вплоть до проверки адаптивности. То есть желание посмотреть, как локальный сайт отображается на телефоне.
И вот здесь может появиться вопрос «как зайти на локальный сайт с телефона?». Ответов может быть несколько, если сильно углубляться в тему. Но мы рассмотрим одно решение, и весьма простое. Только придется кое-что установить на ваш компьютер.
Открываем локальный сайт на телефоне
Перед тем как мы начнем разбираться в вопросе, вам нужно подключиться с телефона к той же сети, к которой подключён ваш компьютер. Иначе ничего не получится.
Первый шаг. Скачиваем текущую версию платформы Node.js с сайта разработчиков. Установите её себе на компьютер в штатном режиме.
Второй шаг. Запустите командную строку от имени администратора и вставьте в нее такую строку:
npm install -g browser-sync
Нажмите «Enter» и дождитесь окончания установки. Этим действием мы устанавливаем компонент browser-sync.
Третий шаг. Если локальный сервер не запущен, к примеру, OpenServer, или какой-то другой, запускайте его. Далее переходим в папку с названием сайта. Допустим, папка будет называться, mysite.net. Находясь в этой папке, снова вызовите командную строку, и вставьте в нее следующею строку:
browser-sync start —proxy mysite.net
Обратите внимание, что ваша папка с сайтом может носить другое название. Следовательно, вы меняете его на свое и нажмите «Enter». Вам выдаст похожий результат:
Как можно посмотреть локальный сайт на моем компе через телефон?
UPD: в 2023 году я бы всё же использовал ngrok.
Запускаем локальный сервер (у меня Openserver), открываем консоль в локальной папке, где лежит ваш сайт и запускаем в ней browser-sync с опцией —proxy
browser-sync start —proxy mylocal.dev
browser-sync выдаст в консоль что-то такое:
Вам нужен тот что External — http://192.168.1.6:3002 , вбиваете его на телефоне и смотрите (естественно телефон должен быть подключен к той же сети, куда подключен и ПК).
Вот только что проверил с сайтом на WordPress — работает.
- Вконтакте
- Вконтакте
Зайди в настройки роутера и узнай ip мобилы и локального компа
Если ОС — винда и работает денвер на 127.0.0.1:80 я бы попробовал вот что:
Узнал ip компа, выданные dhcp сервером, в данном случае роутером.
К примеру ip компа 192.168.0.100
Мобиле выдается ip из той же сетки, к примеру 192.168.0.101 — это не принципиально.
На винде открываешь консоль от админа и вводишь туда вот это:
netsh interface portproxy add v4tov4 listenaddress=192.168.0.100 listenport=80 connectaddress=127.0.0.1 connectport=80
После этого на мобиле в браузере вводишь 192.168.0.100 и должен открыться сайт.