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

Как использовать мобильный телефон для открытия localhost:4200?

Мой телефон и компьютер находятся в одном и том же wifi. Когда я запускаю ng serve , я открываю localhost:4200 в Chrome с моим компьютером, что работает. Но я открываю 192.168.1.107:4200 с моим мобильным телефоном, и это не работает. Когда я использую create-react-app ., это работает. Зеленый — это angular. Белый — это реакция angular localhost

Поделиться Источник 26 ноября 2017 в 05:24

11 ответов

Чтобы сделать ваш сервер доступным в локальной сети, вам нужно использовать следующую команду:

ng serve --host 192.168.1.107 

Затем приложение будет доступно на 192.168.1.107:4200 на каждом устройстве в вашей сети. Если вы не знаете, какой ваш локальный адрес, вы можете выполнить ifconfig | grep broadcast на ОС на основе unix — первый IP — это ваш компьютер, или ipconfig на компьютере с Windows.

Поделиться 26 ноября 2017 в 09:29

• Операционная система телефона — Android v.9
• Операционная система рабочего стола — Windows 10
• Веб-браузер (на телефоне и на рабочем столе) — Google Chrome

1. Настройте свой мобильный телефон с помощью этого учебника ->Удаленная отладка Chrome
2. Запустите свое приложение Angular с помощью этого командного кода ng serve —public-host (приложение должно запускаться на localhost:4200 )
3. Убедитесь, что ваш рабочий стол и телефон подключены к одной сети
4. Вам нужно выполнить переадресацию портов, что очень просто благодаря инструментам разработки Chrome!

• Учебник ->Локальные серверы доступа к Chrome
• Вам нужно переадресовать только один порт, вы делаете это, нажав кнопку Добавить правило , которая находится во вкладке Удаленные устройства в настройках (см. Учебник ), затем в Порт устройства вы пишете 4200 , а в Локальный адрес вы вводите localhost:4200
• В моем случае мне также нужно было переадресовать другой порт, потому что я запускал свой сервер на локальном хосте, мой сервер на локальном хосте работает на localhost:5010 , поэтому я просто добавляю новое правило, как я сказал выше Порт устройства: 5010 и Локальный адрес: localhost:5010

1. Теперь вы можете посетить localhost:4200 на своем телефоне, и он должен показывать ваше приложение

• Лучшая часть заключается в том, что вы можете открыть DevTools для вкладки, которую вы открыли на своем телефоне, с помощью Desktop DevTools и легко отлаживать вашу страницу на телефоне с Desktop (проверьте элементы, просмотрите консоль и т.д. ) Ваша страница также будет перезагружена после внесения изменений в коде.

Поделиться 05 ноября 2019 в 19:27

Я не уверен, изменилась ли эта команда в Angular 8, но ни одна из них не сработала для меня.

Все, что мне нужно было сделать, это вручную указать порт, и это так!

ng s --host 0.0.0.0 --port 4200 

(Обратите внимание, что вы также можете использовать свой собственный IP-адрес вместо 0.0.0.0 ; оба работали для меня.)

Поделиться 14 октября 2019 в 01:19

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

192.108.1.107:4200 

Предполагая, что это не опечатка, использование следующей комбинации IP:port 192.168.1.107:4200 должно позволить вам получить доступ к вашему приложению Angular.

Поделиться 26 ноября 2017 в 05:52

* Откройте на мобильном устройстве

• ng serve —host=0.0.0.0 —disable-host-check
• ng serve —host ip

* Вариант решения (просмотр данных на мобильном устройстве)

• Раздел Службы (Angular)
• Измените доменное имя (localhost) на (ipHost)

URI= " http://localhost:8080/. " [NO] URI= " http://192.168.0.5:8080/. " [YES] 

Поделиться 29 июня 2022 в 22:03

Пожалуйста, обратитесь к этому

Если ваш рабочий стол и телефон подключены к одному и тому же WiFi (или любой другой локальной сети), то используйте IP-адрес вашего рабочего стола, назначенный маршрутизатором (не localhost и не 127.0.0.1).

Чтобы узнать IP-адрес вашего рабочего стола:

• введите в командную строку ipconfig (Windows) или ifconfig (Unix)
• будет несколько IP-адресов
• попробуйте все из них (кроме упомянутых localhost и 127.0.0.1)

Поделиться 26 ноября 2017 в 05:54

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

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

Поделиться 26 ноября 2017 в 07:00

Машина Linux + телефон Android в одной сети wifi:

. . wlp3s0: flags=4163 mtu 1500 inet 192.168.1.199 netmask 255.255.255.0 broadcast 192.168.1.255 

Результаты работы моей машины: сетевой интерфейс wlp3s0, IP 192.168.1.199

1. Получить IP-адрес вашего телефона

consult your phone, normally in Settings > About device > Status Result: my phone IP is 192.168.1.196 

1. Откройте порт 4200 на интерфейсе wlp3s0 на вашей машине разработчика, только IP вашего телефона , как root:

ufw разрешить вход на wlp3s0 с 192.168.1.196 на любой порт 4200

прочитайте страницу человека ufw. — неправильное действие может открыть вашу машину для атак

 Status: active To Action From -- ------ ---- 4200 on wlp3s0 ALLOW 192.168.1.196 

1. Поставьте свое приложение на 192.168.1.199

1. Подключитесь с рабочего стола и с телефона к

1. Альтернатива — Поставьте на 0.0.0.0

ng serve —host 0.0.0.0

с вашего компьютера: localhost:4200
с вашего телефона: 192.168.1.199:4200

Вам может понадобиться или не понадобиться —disable-host-check

1. Сбросить брандмауэр после завершения

Поделиться 18 января 2019 в 11:21

1. Разрешить входящее правило для 4200 на вашем компьютере/ноутбуке

Откройте брандмауэр защиты Windows на вашей системе Windows и создайте новое входящее правило с TCP-портом 4200, затем выберите тип подключения и установите имя и описание правила.

1. Получите IP локальной машины

Просто откройте командную строку на вашей локальной машине и выполните следующую команду

ipconfig 

1. Убедитесь, что ваша локальная машина и мобильный телефон подключены

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

1. Запустите свое приложение Angular

Запустите свое приложение Angular с помощью следующей команды

ng s --host

1. Откройте свое веб-приложение

Теперь вы можете открыть свое веб-приложение по адресу «http://» как на локальной системе, так и на мобильном устройстве.

Для подробной информации посмотрите это короткое видео: Как открыть localhost:4200 на мобильном устройстве

Поделиться 20 февраля 2023 в 07:04

Вы также можете использовать ngrok для создания туннеля с общедоступным URL. Установите эту программу, откройте ее с помощью командной строки, используя следующую команду:

ngrok http 3000 

Поделиться 28 декабря 2020 в 09:10

Обычно это работало бы как часы.

ng serve --host 0.0.0.0 --port

Если это не так, то это мог быть антивирус, в моем случае я отключил Avast и это сработало!

Доступ к локальному серверу на компьютере через телефон

Я написал небольшое приложение на flask и запустил локальный сервер на компьютере. адрес 127.0.0.1:5000 Есть сеть WI-FI к которой подключен телефон. Как можно зайти на сайт с телефона?

Отслеживать
задан 27 июл 2019 в 11:36
Виктор Морозов Виктор Морозов
93 3 3 серебряных знака 10 10 бронзовых знаков
127.0.0.1 — это не адрес, а аналог местоимения «Я». Узнайте реальный адрес компьютера в сети wifi
31 авг 2021 в 5:02

3 ответа 3

Сортировка: Сброс на вариант по умолчанию

Вместо 127.0.0.1 укажи то число, которое ему было выдано при подключении к сети (например: 192.168.0.102:5000), и по нему и обращайся с любого другого устройства, подключенного к той же сети.

Отслеживать
ответ дан 31 авг 2021 в 2:53
5,970 3 3 золотых знака 23 23 серебряных знака 44 44 бронзовых знака

Локальный IP-адрес выдаётся устройству роутером при подключении. Вы можете в настройках роутера сделать его статичным, привязав к мак-адресу (см. скриншот). Чтобы узнать локальный адрес через терминал, можно воспользоваться командой ip addr .

MnogoBlog

Как создать сайт на wordpress, настроить и оптимизировать wordpress

Локальный сервер на Андроид (localhost android) и приложения для вебмастера на Андроид

MnogoBlog > WordPress > Инструментарий > Локальный сервер на Андроид (localhost android) и приложения для вебмастера на Андроид

Здравствуйте, сегодня разберемся как сделать локальный сервер для Андроида, установим на него wordpress и рассмотрим также полезные приложения для вебмастера на Андроид платформе.
Скачать исходники для статьи можно ниже

Когда у вас нет доступа к компьютеру, ноутбуку – например: на работе, во время поездки – но есть смартфон, планшет с операционной системой Андроид – то можно установить на него локальный сервер, а после и wordpress.

Локальный сервер можно установить с помощью следующего Андроид приложения:

AndroPHP

На Play Маркет можно скачать здесь:
“play.google.com/store/apps/details?id=com.ayansoft.androphp”

После установки данного приложения у вас появиться папочка “www”.

Открываем встроенное приложение – “Диспетчер файлов” и заходим в папочку “www” – она пуста.

Заходим в приложение AndroPHP:

Переводим рычажок в положение ON (как на картинке выше).

Далее здесь же нам даны 2 ссылки, в примере (у вас могут быть другие):

http://176.227.24.230 – это сам сайт.

http://176.227.24.230/phpmyadmin – для создания Базы Данных сайта.

Далее приступим к установке wordpress на локальный сервер для Андроид:

1. Скачиваем wordpress с официального сайта – “ru.wordpress.org” – скачиваем zip архив с движком wordpress:

2. Далее нам нужно разархивировать zip архив – для этого устанавливаем андроид приложение – RAR или 7Zipper (скачать их можно с Play Маркет или с Яндекс.Store – более подробно в конце статьи).

После разархивации у вас получиться папочка – “wordpress-4.0-ru_RU”, открываем ее в ней еще одна папочка “wordpress” – все содержимое данной папочки копируем и переносим в папочку “www” – вот как она должна выглядеть в итоге:

Далее заходим на сайт, в данном примере:

“http://176.227.24.230” – у вас должна высветиться страничка с подготовкой к установке wordpress.

3. Создаем Базу Данных wordpress и имя пользователя:

Для этого переходим по второй ссылке, в данном примере – “http://176.227.24.230/phpmyadmin”

Здесь Username вводим root, а password – оставляем пустым.

Далее Жмем вкладку сверху “Databases” и создаем новую Базу Данных, незабываем выбрать кодировку utf8_general_ci:

После создаем пользователя Базы данных – верхняя вкладка “More” и ее подвкладка “Privileges” – здесь нажимаем ссылку “Add user”:

Для примера, можно создать пользователя:

4. Далее возвращаемся на адрес, в нашем примере: “http://176.227.24.230” – и устанавливаем wordpress, вводя созданную нами Базу Данных и пользователя базой данных.

Полезные программы для вебмастера на платформе Андроид:

1. WebMasterLite (Редактор Вебмастера Lite)

Удобный HTML редактор.

2. Архиваторы: RAR или 7Zipper

Для работы с архивами zip и rar – разархивация/архивация.

На Play Маркет скачать можно здесь:
“play.google.com/store/apps/details?id=com.rarlab.rar”

Можно скачать как с Play Маркет, так и с Яндекс.Store.

3. Total Commander

Удобный файловый менеджер и FTP клиент.

Есть как на Play Маркет, так и на Яндекс.Store.

Похожие записи:

Запись обновлена Март 11, 2015 и опубликована в рубрике Инструментарий by gnomKOST. .

Локальный сервер на Андроид (localhost android) и приложения для вебмастера на Андроид : 1 комментарий

1. СергейАпрель 10, 2018 в 13:30 Спасибо за приложение! В русскоязычном интернете про AndroPHP ничего не нашёл, всё просто.
   Замечу, что AndroidPHP на play.google.com отсутствует, нашёл на инглоязычных сайтах. А так пробовал из play market разные, но ума дать не смог ( конкретно под worpress настроить), хотя опыт есть. Так что спасибо.

Добавить комментарий Отменить ответ

Для отправки комментария вам необходимо авторизоваться.

Как открыть в мобильном браузере сайт на localhost?

Есть проект на node.js, запущен он у меня на localhost:3000 , можно ли как-то открыть его через мобильный браузер? Нужно отдебажить, в эмуляторах отлично всё работает, а на реальном устройстве — нет.

• Вопрос задан более трёх лет назад
• 16752 просмотра

Комментировать
Решения вопроса 0
Ответы на вопрос 4
вероятно, повесив свою поделку на реальный адрес в сети, а не на локалхост
Ответ написан более трёх лет назад
Нравится 3 1 комментарий
TypicalBully @TypicalBully

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

Поиск Гугл помог мне, впусти и ты его в свой дом
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать

Если у тебя на ноуте / пк поднята точка, через которую заходит твой телефон
То берешь ип своего вайфай и открываешь его на мобильнике
Запускать свой проект на ноде, нужно будет не на локалхосте, а на ип своего вайфая stackoverflow.com/questions/31572332/run-local-ser.
ну или 0.0.0.0 (но тогда его будет видно и в сети провайдера)

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Программист на «си с крестами» и не только

Если мобильное устройство не использует прокси-браузер (Opera Mini и прочие) и висит на той же радиоточке, что и стационарник — 1) настраиваем радиоточку так, чтобы с WiFi-клиентов был доступ в локальную сеть; 2) поднимаем на стационарном компьютере веб-сервер. Доступ — http://192.168.1.2:3000/site , внутренний IP-адрес компьютера можно узнать программой ipconfig; порт (3000) определяется настройками веб-сервера.

Если либо используется прокси-браузер, либо смартфон в интернете через ОпСоСа, надо поднять веб-сервер и сделать, чтобы он был виден из интернета. Либо залить на хостинг, либо пробросить порт на маршрутизаторе. Доступ — http://12.34.56.78:3000/site , внешний IP-адрес можно узнать через 2ip.ru. Порт (3000) зависит от настройки перенаправления портов, и для безопасности его крайне нежелательно делать стандартными 80, 3128 и 8080.

Как пробросить порт на маршрутизаторе — гуглите уж сами; состоит из двух вещей: как зафиксировать IP и как вбить в NAT новое правило перенаправления.