Viewing localhost website from mobile device

Question

I have an ASP.Net website hosted on my Win8\'s localhost, the site seems to be running as expected on the desktop, but now i also want to test t

Answer 1

You can solve the problem by downloading the 'conveyor' library from extensions and update in Visual Studio.

You can access it from other devices.

• Open Visual Studio

• Tools > Extensions and Updates

• Online > Visual Studio Marketplace

• Search 'Conveyor'
• Download and install this extension

When you launch the API, you can access it from other devices. This plugin creates a link from your own ip address.

Example: https://youripadress:5000/api/values

Answer 2

Here is how I managed to make it work for VS 2015 on Windows 10 pro using following steps. It works for both http and https websites. (below example assumes your ip address is 192.168.1.15 and your port number is 12345)

1. Open project config file at /{project folder}/.vs/config/applicationhost.config and add a new binding address inside <binding> section as shown below (a binding for localhost is already there, just copy/paste the same line and replace localhost with your IP address)

    <bindings>     
       <binding protocol="http" bindingInformation="*:12345:localhost" />          
       <binding protocol="http" bindingInformation="*:12345:192.168.1.15" />  
    </bindings>

2. Open Command Prompt window as administrator and run the following command.

    netsh http add urlacl url=http://192.168.1.15:12345/ user=everyone

3. Open "Windows Defender Firewall and Advanced Security" select "Inbound Rules" click "New Rule..." select "Port" then add TCP port 12345 and click next to finish the process.

4. Right-click on Visual Studio shortcut and select "Run as administrator", then open your project and press Ctrl+F5 to open the website.

5. Inside browser address bar, replace localhost with 192.168.1.15 and hit enter to reload your website with the new address. Now you should also be able to access the website from your mobile browser using the same address as long as it's connected to the same wifi.

If it doesn't work, make sure visual studio is run as administrator. (step 4)

Answer 3

To view localhost website from mobile device you have to follow thoses steps :

• 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/

Hope it helps

Answer 4

Another option is http://localtunnel.me/ if you're running NodeJS

npm install -g localtunnel

Start a webserver on any local port such as 8080, and create a tunnel to that port:

lt -p 8080

which will return a public URL for your localhost at randomname.localtunnel.me. You can request your own subdomain if it's available:

lt -p 8080 -s myname

which will return myname.localtunnel.me

Answer 5

A very simple way.

1. Go to CMD and type the following without '$' and choose a name as your HotspotName and a password as your HotspotPassword.

   $ netsh wlan set hostednetwork mode=HotspotName key=HotspotPassword

   $ netsh wlan start hostednetwork

2. Connect your phone to the WiFi and explore its network info, get Gateway address it's kinda like IP address.

3. Enter the Gateway address into Chrome URL bar and you're good

Answer 6

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

Just run ngrok 3000 , 3000 is the port number you want to expose to the internet. You can insert the port number which you want to expose, for rails its 3000. This will tunnel your localhost to the internet and you will be able to view your local host from anywhere