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

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

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

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

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

  1. Machine has Win8 Pro Installed running IIS 8.0.9200.16384
  2. Router is TP-Link Basic 150Mbps.
  3. Device is Karbonn A15, Android - 4.0.4 (ICS)

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

55
Якщо ви не заперечуєте, ви можете надати крок за кроком інструкції, я в цілому новачок в мережі, моя машина IP 192.168.0.102
додано Автор Abbas, джерело
Припустимо, що робочий стіл має всередині мережі ip: 147.102.1.1 , потім додає до прив'язки IIS для цього ip, і викликає його з мобільного браузера телефону.
додано Автор Aristos, джерело

7 Відповіді

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

  • In your computer, you have to retrieve your IP address (Run > cmd > ipconfig)
  • If your localhost use a specific port (like localhost:12345 ), you have to open the port on your computer (Control Panel > System and Security > Firewall > Advanced settings and add Inbound rule)
  • Finally, you can access to your website from mobile device by navigate to : http://192.168.X.X:12345/

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

89
додано
Велике спасибі Joffrey, він працював як шарм, велике спасибі за вашу допомогу, може Бог благословить вас
додано Автор Abbas, джерело
Привіт @ Джеффрі Керн, тепер у мене є Windows 7 встановлений і відпочинок конфігурації те ж саме, я не можу підключитися до свого сайту за допомогою мобільного ви можете допомогти мені з цим
додано Автор Abbas, джерело
не могли б ви розповісти нам щось більше про кроки для додавання вхідного правила?
додано Автор marco, джерело
Ми раді :) Я зробив це минулого тижня з емулятором Windows Phone;)
додано Автор Joffrey Kern, джерело
Привіт @ Abbas, конфігурації в Windows 8 і Windows 7 є sames ... Перевірте, якщо ви зробили всі кроки, як наступні
додано Автор Joffrey Kern, джерело
прекрасно працює, спасибі. для користувачів xampp просто відредагуйте файл httpd-xampp.conf, коментуючи останні 4 рядки, що починаються з ""
додано Автор luke_mclachlan, джерело
Я не отримав, що означає "незв'язане правило"
додано Автор Anna Leonenko, джерело
Я думав, що ми повинні встановити деякі живі рутини і жити IP. OMG, це було складно. Якщо ви на тому ж wifi це магія. Дякую
додано Автор Moxet Khan, джерело

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

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

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

enter image description here

5
додано
Дійсно хороший інструмент :)
додано Автор Rushabh Master, джерело

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

npm install -g localtunnel

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

lt -p 8080

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

lt -p 8080 -s myname

який поверне ім'я .localtunnel.me

3
додано
Це відмінний інструмент, але я отримую багато тайм-аутів.
додано Автор pixel 67, джерело

Try this https://ngrok.com/docs#expose

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

3
додано
Зазвичай, якщо обидва пристрої знаходяться в локальній мережі, ви також можете отримати доступ до сайту, підключившись до http://: . Чи могли б ви також пояснити, що url/ipaddress користувачеві повинен отримати доступ до свого сайту і чи може брандмауер бути проблемою з ngrok?
додано Автор Buurman, джерело

First of all open applicationhost.config file in visual studio. address>>C:\Users\Your User Name\Documents\IISExpress\config\applicationhost.config

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


        
        
               
           
         
   

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

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

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

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

Click “Advanced settings”

Select “Inbound Rules”

Click on “New Rule …” button

Select “Port”, click “Next”

Fill your IIS Express listening port number, click “Next”

Select “Allow the connection”, click “Next”

Check where you would like allow connection to IIS Express (Domain,Private, Public), click “Next”

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

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

Update for Visual Studio 2015 in this link: https://johan.driessen.se/posts/Accessing-an-IIS-Express-site-from-a-remote-computer

1
додано

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

0
додано

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

0
додано
var chat = new Chat();
var chat = new Chat();
642 учасників

Обсуждение вопросов по C# / .NET / .NET Core / .NET Standard / Azure Сообщества-организаторы: — @itkpi — @dncuug