88 votes

Afficher le site web localhost à partir d'un appareil mobile

J'ai un ASP.Net site web hébergé sur mon Win8's localhost Le site semble fonctionner comme prévu sur l'ordinateur de bureau, mais j'aimerais maintenant le tester sur un appareil mobile pour en vérifier le rendu.

Existe-t-il un moyen d'accéder au site web à partir de mon appareil mobile ?

Mon appareil mobile et mon ordinateur de bureau sont connectés au même réseau via un routeur.

Voici les détails de ma machine et de mon routeur.

  1. La machine est équipée de Win8 Pro et fonctionne sous IIS 8.0.9200.16384.
  2. Le routeur est un TP-Link Basic 150Mbps.
  3. L'appareil est le Karbonn A15, Android - 4.0.4 (ICS)

Quelqu'un peut-il me dire comment je peux connecter mon appareil mobile au site web localhost.

3voto

Sreilus Points 71

Vous pouvez résoudre le problème en téléchargeant la bibliothèque "conveyor" à partir des extensions et en la mettant à jour dans Visual Studio.

Vous pouvez y accéder à partir d'autres appareils.

  • Ouvrir Visual Studio

  • Outils > Extensions et mises à jour

  • Online > Visual Studio Marketplace

  • Recherche 'Conveyor' (convoyeur)

  • Télécharger et installer cette extension

Lorsque vous lancez l'API, vous pouvez y accéder à partir d'autres appareils. Ce plugin crée un lien à partir de votre propre adresse IP.

Exemple : https://youripadress:5000/api/values

3voto

Amin Points 19

Voici comment j'ai réussi à le faire fonctionner pour VS 2015 sur Windows 10 pro en suivant les étapes suivantes. Cela fonctionne pour les sites web http et https. (l'exemple ci-dessous suppose que votre adresse IP est 192.168.1.15 et votre numéro de port est 12345)

  1. Ouvrez le fichier de configuration du projet à /{dossier du projet}/.vs/config/applicationhost.config et ajoutez une nouvelle adresse de liaison à l'intérieur. <binding> comme indiqué ci-dessous (une liaison pour localhost est déjà présente, il suffit de copier/coller la même ligne et de remplacer localhost par votre adresse IP).

    <bindings>     
       <binding protocol="http" bindingInformation="*:12345:localhost" />          
       <binding protocol="http" bindingInformation="*:12345:192.168.1.15" />  
    </bindings>
  2. Ouvrez l'Invite de commande en tant qu'administrateur et exécutez la commande suivante.

    netsh http add urlacl url=http://192.168.1.15:12345/ user=everyone
  3. Ouvrez "Windows Defender Firewall and Advanced Security", sélectionnez "Inbound Rules", cliquez sur "New Rule...", sélectionnez "Port", ajoutez le port TCP 12345 et cliquez sur "Next" pour terminer le processus.

  4. Cliquez avec le bouton droit de la souris sur le raccourci Visual Studio et sélectionnez "Exécuter en tant qu'administrateur", puis ouvrez votre projet et appuyez sur Ctrl+F5 pour ouvrir le site web.

  5. Dans la barre d'adresse du navigateur, remplacez localhost par 192.168.1.15 et appuyez sur la touche "Entrée" pour recharger votre site web avec la nouvelle adresse. Vous devriez maintenant pouvoir accéder au site web depuis votre navigateur mobile en utilisant la même adresse, à condition qu'il soit connecté au même wifi.

Si cela ne fonctionne pas, assurez-vous que Visual Studio est exécuté en tant qu'administrateur. (étape 4)

2voto

Ali Points 21

Tout d'abord, ouvrez le fichier applicationhost.config dans visual studio. adresse>> C:\Users\Your User Name\Documents\IISExpress\config\applicationhost.config

Trouvez ensuite ces codes :

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

*)Numéro_de_port:Lorsque votre site tourne dans IIS express sur votre ordinateur, le numéro de port sera visible dans la barre d'adresse de votre navigateur comme ceci : localhost:numéro_de_port/... Lorsque vous modifiez ce fichier, sauvegardez-le.

Dans la deuxième étape, vous devez exécuter cmd en tant qu'administrateur et taper ce code : netsh http add urlacl url=http://*:port_Number/ user=everyone et appuyez sur la touche Entrée

Dans la troisième étape, vous devez activer le port sur le pare-feu.

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”

J'espère que cette réponse vous sera utile

Mise à jour pour Visual Studio 2015 dans ce lien : https://johan.driessen.se/posts/Accessing-an-IIS-Express-site-from-a-remote-computer

0voto

A Programmer Points 177

En outre, vous devez désactiver votre antivirus ou faire en sorte qu'il ouvre le port 80 sur votre système.

0voto

Connaître l'adresse IP de votre hôte sur votre réseau local Ouvrez cmd et tapez ipconfig et si xampp le port d'écoute par défaut sera 80 Ensuite, par exemple, si 10.0.0.5 est l'adresse IP de votre hôte Type de fichier 10.0.0.5:80 à partir du navigateur web de votre téléphone portable Assurez-vous que les deux sont connectés au même réseau local. Cependant, le port par défaut utilisé par webaddress est 80.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X