Как открыть локальный сайт на телефоне

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

И вот здесь может появиться вопрос «как зайти на локальный сайт с телефона?». Ответов может быть несколько, если сильно углубляться в тему. Но мы рассмотрим одно решение, и весьма простое. Только придется кое-что установить на ваш компьютер.

Открываем локальный сайт на телефоне

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

Первый шаг. Скачиваем текущую версию платформы Node.js с сайта разработчиков. Установите её себе на компьютер в штатном режиме.

Второй шаг. Запустите командную строку от имени администратора и вставьте в нее такую строку:

npm install -g browser-sync

Нажмите «Enter» и дождитесь окончания установки. Этим действием мы устанавливаем компонент browser-sync.

Третий шаг. Если локальный сервер не запущен, к примеру, OpenServer, или какой-то другой, запускайте его. Далее переходим в папку с названием сайта. Допустим, папка будет называться, mysite.net. Находясь в этой папке, снова вызовите командную строку, и вставьте в нее следующею строку:

browser-sync start --proxy mysite.net

Обратите внимание, что ваша папка с сайтом может носить другое название. Следовательно, вы меняете его на свое и нажмите «Enter». Вам выдаст похожий результат:

C:\Windows\system32>browser-sync start --proxy mysite.net
[Browsersync] Proxying: http://mysite.net
[Browsersync] Access URLs:
----------------------------------
Local: http://localhost:3000
External: http://192.168.1.3:3000
----------------------------------
UI: http://localhost:3001
UI External: http://localhost:3001
----------------------------------

Теперь, чтобы посмотреть локальный сайт на телефоне, вбейте в адресную строку браузера результат External, а именно этот адрес — http://192.168.1.3:3000. Сайт будет доступен на телефоне, пока открыта командная строка с результатом.