Перегляд веб-сайту localhost з мобільного пристрою


75

У мене є ASP.Netвеб-сайт, розміщений на моєму Win8's localhostсайті, схоже, він працює належним чином на робочому столі, але тепер я також хочу протестувати веб-сайт на мобільному пристрої, щоб перевірити, як він відображається

Чи є я в будь-якому випадку я можу отримати доступ до веб-сайту зі свого мобільного пристрою

Мій мобільний пристрій та настільна машина підключені до однієї мережі через маршрутизатор.

Ось деталі моєї машини та маршрутизатора.

  1. На машині встановлено Win8 Pro під управлінням IIS 8.0.9200.16384
  2. Маршрутизатор TP-Link Basic 150 Мбіт / с.
  3. Пристрій - Karbonn A15, Android - 4.0.4 (ICS)

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


Скажімо, що робочий стіл має всередині мережі ip:, 147.102.1.1потім додайте до прив’язок IIS для цього ip і зателефонуйте йому з мобільного телефону браузера.
Арістос

Якщо ви не проти, будь ласка, надайте покрокову інструкцію, я абсолютно новачок у мережі, IP моєї машини - 192.168.0.102
Аббас,

Відповіді:


120

Для перегляду веб-сайту localhost з мобільного пристрою потрібно виконати наступні кроки:

  • У вашому комп’ютері вам потрібно отримати свою IP-адресу (Запуск> cmd> ipconfig)
  • Якщо ваш localhost використовує певний порт (наприклад, localhost: 12345), вам потрібно відкрити порт на вашому комп'ютері (Панель керування> Система та безпека> Брандмауер> Додаткові налаштування та додати правило вхідного зв'язку)
  • Нарешті, ви можете отримати доступ до свого веб-сайту з мобільного пристрою, перейшовши за адресою: http: //192.168.XX: 12345 /

Сподіваюся, це допоможе


3
Велике спасибі Джоффрі, це спрацювало як шарм, велике спасибі за вашу допомогу, хай Бог благословить вас
Аббас

2
Привіт @Joffrey Kern, зараз у мене встановлена ​​Windows 7, а конфігурація відпочинку однакова, я не можу підключитися до свого веб-сайту за допомогою мобільного, чи можете ви допомогти мені в цьому
Аббас

12
не могли б ви сказати нам щось більше про кроки для додавання правила вхідного зв'язку?
marco

2
чудово працює, дякую. для користувачів xampp просто відредагуйте файл httpd-xampp.conf, прокоментувавши останні 4 рядки, що починаються на "<LocationMatch" ^ / (? i :( ?: xampp | безпека | ліцензії | phpmyadmin | webalizer | сервер-статус | сервер -info)) ">"
luke_mclachlan

1
Я думав, що нам доведеться встановити певний режим життя та ip. OMG, це було складно. Якщо у вас той самий wifi, це магія. Дякую
Moxet Khan

27

Одним з найпростіших способів віддаленого доступу до локального веб-сайту ASP.net, не заважаючи додавати нові правила до брандмауера, є використання цього розширення Visual Studio:

Конвеєр від Keyoti (розширення Visual Studio)

Просто встановіть його. Щоразу, коли ви запускаєте проект, він відображатиме вам URL-адресу, яку можна використовувати для віддаленого доступу. Інша конфігурація не потрібна.

введіть тут опис зображення


1
Дійсно хороший інструмент :)
Майстер Рушабха,

1
Яка перевага використання Conveyor перед простим додаванням правила до брандмауера? Налаштування Conveyer вимагає, щоб ви все одно додали правило до брандмауера.
Rudey

5

Спробуйте це https://ngrok.com/docs#expose

Просто запустіть ngrok 3000, 3000це номер порту, який ви хочете отримати в Інтернеті. Ви можете вставити номер порту, який ви хочете виставити, для рейок його 3000. Це привяже ваш локальний хост до Інтернету, і ви зможете переглядати місцевий хост з будь-якого місця


1
Зазвичай, якщо обидва пристрої перебувають у локальній мережі, ви також можете отримати доступ до сайту, підключившись до http://<local ip>:<portnumber>. Не могли б ви пояснити, до якої URL-адреси / ipadадреси повинен отримати доступ користувач, щоб перейти на свій сайт, і чи не може брандмауер викликати проблеми з ngrok?
Буурман,


4

Інший варіант - http://localtunnel.me/, якщо ви використовуєте NodeJS

npm install -g localtunnel

Запустіть веб-сервер на будь-якому локальному порту, наприклад 8080, і створіть тунель до цього порту:

lt -p 8080

який поверне загальнодоступну URL-адресу вашого локального хосту з випадковим ім’ям .localtunnel.me. Ви можете подати запит на власний субдомен, якщо він доступний:

lt -p 8080 -s myname

який буде повертати MyName .localtunnel.me


Це чудовий інструмент, але я отримую багато тайм-аутів, використовуючи його.
піксель 67,

2

Перш за все відкрийте файл applicationhost.config у Visual Studio. адреса >>C:\Users\Your User Name\Documents\IISExpress\config\applicationhost.config

Тоді знайдіть ці коди:

<site name="Your Site_Name" id="24">
        <application path="/" applicationPool="Clr4IntegratedAppPool"
        <virtualDirectory path="/" physicalPath="C:\Users\Your User         Name\Documents\Visual Studio 2013\Projects\Your Site Name" />
        </application>
         <bindings>      
           <binding protocol="http" bindingInformation="*:Port_Number:*" />
         </bindings>
   </site>

*) Номер_порту: Поки ваш сайт працює на IIS express на вашому комп'ютері, номер порту буде видно в адресному рядку вашого браузера так: localhost: port_number / ... При редагуванні цього файлу збережіть його.

На другому кроці ви повинні запустити cmd від імені адміністратора та набрати цей код: netsh http add urlacl url=http://*:port_Number/ user=everyone і натисніть клавішу enter

На третьому кроці потрібно ввімкнути порт на брандмауері

Go to the “Control Panel\System and Security\Windows Firewall”

Click “Advanced settings”

Select “Inbound Rules”

Click onNew Rule …” button

Select “Port”, click “Next”

Fill your IIS Express listening port number, click “NextSelectAllow the connection”, click “NextCheck where you would like allow connection to IIS Express (Domain,Private, Public), click “Next”

Fill rule name (e.g “IIS Express), click “Finish

Сподіваюся, ця відповідь буде для вас корисною

Оновлення для Visual Studio 2015 за цим посиланням: https://johan.driessen.se/posts/Accessing-an-IIS-Express-site-from-a-remote-computer


2

Ось як мені вдалося змусити його працювати для VS 2015 у Windows 10 pro, виконавши наступні кроки. Він працює як для веб-сайтів http, так і для https. (у наведеному нижче прикладі передбачається, що ваша ip-адреса 192.168.1.15, а номер порту - 12345)

  1. Відкрийте файл конфігурації проекту за адресою / {папка проекту} /. Vs / config / applicationhost.config і додайте нову адресу прив'язки всередині <binding>розділу, як показано нижче (прив'язка для localhost вже є, просто скопіюйте / вставте той самий рядок і замініть localhost на Ваша IP-адреса)
    <bindings>     
       <binding protocol="http" bindingInformation="*:12345:localhost" />          
       <binding protocol="http" bindingInformation="*:12345:192.168.1.15" />  
    </bindings>
  1. Відкрийте вікно командного рядка як адміністратор і запустіть наступну команду.
    netsh http add urlacl url=http://192.168.1.15:12345/ user=everyone
  1. Відкрийте "Брандмауер Windows Defender і розширена безпека", виберіть "Правила вхідного зв'язку", натисніть "Нове правило ...", виберіть "Порт", потім додайте TCP-порт 12345 і натисніть "Далі", щоб завершити процес.

  2. Клацніть правою кнопкою миші ярлик Visual Studio і виберіть "Запустити від імені адміністратора", а потім відкрийте проект і натисніть Ctrl + F5, щоб відкрити веб-сайт.

  3. Всередині адресного рядка браузера замініть localhost на 192.168.1.15 та натисніть Enter, щоб перезавантажити веб-сайт новою адресою. Тепер ви також зможете отримати доступ до веб-сайту з мобільного браузера, використовуючи ту саму адресу, якщо він підключений до одного і того ж wifi.

Якщо це не працює, переконайтесь, що Visual Studio працює від імені адміністратора. (крок 4)


1

Вирішити проблему можна, завантаживши бібліотеку конвеєра з розширень та оновлення у Visual Studio.

Ви можете отримати до нього доступ з інших пристроїв.

  • Відкрийте Visual Studio

  • Інструменти> Розширення та оновлення

  • Інтернет> Ринок Visual Studio

  • Шукати 'Конвеєр'
  • Завантажте та встановіть це розширення

Запустивши API, ви можете отримати до нього доступ з інших пристроїв. Цей плагін створює посилання з вашої власної ip-адреси.

Приклад: https: // youripadress: 5000 / api / values


0

Крім того, вам слід вимкнути антивірус або керувати ним, щоб відкрити порт 80 у вашій системі.


0

Знайте свою IP-адресу хосту на вашому LAN Відкрийте cmd та введіть ipconfig, а якщо xampp стандартним портом прослуховування буде 80, то, наприклад, якщо 10.0.0.5 - це ваша ip-адреса хосту, введіть 10.0.0.5:80 із веб-браузера вашого мобільного. обидва вони підключені до однієї локальної мережі. Однак порт веб-адреси за замовчуванням - 80.


0

Дуже простий спосіб.

  1. Перейдіть до CMD і введіть наступне без '$' і виберіть ім'я як своє, HotspotNameа пароль - як HotspotPassword.

    $ netsh wlan set hostednetwork mode=HotspotName key=HotspotPassword

    $ netsh wlan start hostednetwork

  2. Підключіть свій телефон до Wi-Fi та вивчіть інформацію про його мережу, отримайте Gateway addressце як IP-адреса.

  3. Введіть адресу шлюзу в рядку URL-адреси Chrome, і все добре

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.