Comment accédez-vous à un site Web s’exécutant sur localhost à partir d’un navigateur iPhone?

Je travaille sur un site Web mobile et je souhaite le tester avec mon navigateur iPhone. Ma machine Windows 7 et mon iPhone sont sur le même réseau sans fil. Comment accéder à localhost depuis l’iPhone? En ce moment, je reçois une erreur 404.

Accéder à localhost à partir de l’iPhone fera simplement un loopback / essayez de vous connecter à lui-même (s’il le supporte?).

Ce que vous devez faire est de trouver l’adresse IP de votre ordinateur de bureau (par exemple, si Windows, allez à l’ Command Prompt et tapez ipconfig ou allez au Network and Sharing Centre et recherchez l’ connection status .

Une fois que vous avez votre adresse IP, visitez simplement celle de votre navigateur, par exemple http://192.168.0.102 .

Vous devrez peut-être ouvrir le port 80 (ou le port sur lequel votre site Web est exécuté) dans la sécurité entrante de votre pare-feu si vous en exécutez un.

Si vous utilisez Mac, allez dans Préférences Système> Réseau et utilisez votre adresse IP au lieu de localhost. Vous pouvez également utiliser le numéro de port. Dans mon cas, j’ai un serveur fonctionnant sur le port 1448 et je peux prévisualiser 192.168.1.241:1448 en utilisant l’iPhone.

MacOsNetworkSettings

Essaye ça:

  1. Appuyez sur Windows + R
  2. Ouvrir cmd
  3. Exécutez ipconfig (Old) ifconfig (New)
  4. Vérifiez l’IP de votre carte réseau sans fil
  5. Allez sur iPhone et naviguez jusqu’à ” http://xxx.xxx.xxx.xxx/ ” via votre navigateur.
    (xxx.xxx.xxx.xxx est votre adresse IP)

Remarque: vous devez définir les permissions sur vos parameters de pare-feu, le cas échéant.

Si vous utilisez MAMP , entrez votre adresse IP (disons 192.0.0.63) dans le navigateur Safari de votre iPhone, suivie du numéro de port 8888 (par exemple 192.0.0.63:8888) et vous pourrez voir votre site local dans votre iPhone

Et si vous utilisez un serveur WAMP , à nouveau dans le navigateur Safari de votre iPhone, saisissez simplement l’adresse IP (disons 192.0.0.63) et c’est tout. Mais n’oubliez pas de supprimer le deny from all du fichier httpd.conf pour votre serveur WAMP. Si vous cherchez la ligne allow from 127.0.0.1 , au-dessus ou au-dessous de celle-ci, vous verrez le deny from all ; Supprimez simplement cette ligne et redémarrez votre serveur WAMP et cela devrait fonctionner.

Vous pouvez essayer ngrok.io . Fonctionne sur le même principe que localtunnel.
Téléchargez l’application pour votre système d’exploitation. et essayez de courir comme:

pour linux:

 ./ngrok http 8000 

8000 est le numéro de port sur lequel votre application s’exécute.

Pour les fenêtres:

  ngrok.exe http 8000 

Si vous n’êtes pas sur le même réseau, vous pouvez utiliser cet outil tiers appelé localtunnel

http://localtunnel.me/

Il achemine essentiellement votre contenu via un autre serveur et vous y accédez.

Si vous préférez taper le nom d’hôte A au lieu de l’adresse IP

Première option (Quick Way):

Vous devriez pouvoir accéder à http://my-macbook-pro.local/mywebsite sur votre iPhone. Voir https://stackoverflow.com/a/9304094/470749

Cette approche a tendance à fonctionner car le domaine “.local” est un mot réservé spécial.

Deuxième option:

Voir http://xip.io/ , qui est un service gratuit et très pratique. Pas de configuration nécessaire.

Ensuite, lorsque vous accédez à http://mysite.app.192.168.1.130.xip.io (en utilisant un navigateur sur votre serveur ou sur n’importe quel périphérique de votre réseau local), la page hébergée sur 192.168.1.130 s’affiche.

Et si vous exécutez Homestead sur la machine qui existe à cette adresse IP, la navigation à l’ adresse http://mysite.app.192.168.1.130.xip.io:44300 (avec le port dans l’URL) affiche d’une manière ou d’une autre la page hébergée sur le site. Homestead Vagrant machine virtuelle à 192.168.10.10 . Assez étonnant.

Troisième option (qui ne dépend pas d’un service et est flexible mais plus complexe et ne fonctionne que si vous avez un routeur avec DD-WRT):

Si vous avez un serveur local hébergeant plusieurs sites différents auxquels vous souhaitez accéder via différents noms d’hôte (via iPhone), vous pouvez le faire.

  1. Dans votre système d’exploitation, changez le nom de votre ordinateur en quelque chose de court, de significatif et de facile à retenir, tel que “RYANDESK”.
  2. Dans vos parameters de routeur DD-WRT:
    1. Dans Services > Services > Static Leases , définissez l’adresse MAC de votre serveur pour qu’il pointe vers une adresse IP spécifique, telle que 192.168.1.108 . Définissez son nom d’hôte pour qu’il soit identique à celui que vous avez nommé précédemment. “Client Lease Time” peut être 1440 minutes.
    2. Veillez à appuyer sur Save et à Apply Settings également les Apply Settings à chaque modification. (“Enregistrer” ne semble pas appliquer automatiquement les parameters.) Si vous obtenez une erreur, c’est probablement parce que la conception graphique de DD-WRT est trompeuse et que vous avez appuyé inutilement sur “Ajouter” pour les baux statiques.
    3. Dans DHCP Server > User Domain , choisissez “LAN & WAN”. Pour “Domaine LAN”, définissez une chaîne courte, telle que vos initiales, sans ponctuation (par exemple “xyz”). Évitez probablement d’utiliser le mot “local” car il pourrait y avoir des conflits. N’utilisez pas de domaines réels tels que “com”, “org”, “net”, etc.
  3. Dans Services > Services > DNSMasq , activez DNSMasq et «Local DNS» et configurez «Options DNSMasq supplémentaires» comme suit: address=/project1.xyz/project2.xyz/192.168.1.108 (où xyz correspond à ce que vous avez choisi précédemment) étape, l’IP pointe vers la machine spécifique et project1 et project1 sont les noms d’hôte que vous voulez pointer sur chacun de ces projets (tels que différentes configurations Nginx).
  4. Assurez-vous que votre fichier HOSTS n’a aucune entrée en conflit avec ce que nous avons fait. Si vous ne savez pas ce qu’est un fichier HOSTS, vous allez probablement bien.
  5. Videz votre cache DNS et libérez et renouvelez votre adresse IP locale. Activez ou désactivez le mode avion sur iPhone pour y vider le cache DNS.
  6. Vous pouvez maintenant accéder à http://ryandesk.xyz dans votre iPhone (ou dans votre navigateur de bureau), et cela se résoudra sur votre serveur local. J’espère donc que vous avez configuré votre Nginx ou Apache ou autre pour écouter ce nom d’hôte.

    https://wiseindy.com/it/how-to-access-your-pcs-using-dns-names-with-dd-wrt/ http://www.howtogeek.com/69696/how-to-access- your-machines-using-dns-names-avec-dd-wrt /

WebpackDevServer localhost d’iphone

Si vous utilisez une application qui s’exécute sur un noeud. vous pouvez utiliser webpack comme outil de construction et utiliser leur devserver intégré

Vous pouvez utiliser webpackdevserver pour démarrer votre application à partir d’un serveur localhost, puis transmettre votre adresse localhost et le port de votre choix.

 webpack-dev-server --host 192.168.0.89 --port 3000 

puis à partir de votre iPhone, vous pouvez y accéder en utilisant

http://192.168.2.89:3000

Remarque: Votre ordinateur portable et votre iPhone doivent être sur le même réseau et vous devez utiliser votre adresse IP localhost.

Pour Mac comment trouver l’adresse IP que vous pouvez vous référer Obtenir l’adresse IP locale dans node.js

Si vous utilisez mac (OSX):

Sur toi mac:

  1. Terminal ouvert
  2. lancer “ifconfig”
  3. Trouvez la ligne avec l’adresse IP “192.xx.xx”

Si vous testez votre site avec l’adresse: “localhost: 8888 / mywebsite” (cela dépend de vos configurations MAMP)

Sur votre téléphone :

  1. Ouvrez votre navigateur (par ex. Safari)
  2. Entrez l’URL 192.xxx.xx: 8888 / mywebsite

Remarque : vous devez être connecté sur le même réseau (wifi)

Vous pouvez utiliser ip of computer à la place de http: // localhost .

Mais cela peut ne pas être accessible. Vous devez éditer le fichier httpd.conf (ou un fichier de configuration équivalent) de votre logiciel serveur. Je n’ai pas installé PHP maintenant, mais vous pouvez effectuer une recherche avec le mot-clé: “Autoriser depuis ou / Répertoire”

Remarque: l’adresse IP du PC sur lequel XAMPP s’exécute doit être une adresse IP statique (non atsortingbuée par DHCP), sinon vous devez la vérifier manuellement à chaque redémarrage du PC.

Je voulais accomplir la même chose que la demande initiale, et j’ai cherché une réponse ici, et j’ai désactivé tous les pare-feu et protections de virus en vain.

Ensuite, j’ai trouvé la déclaration suivante concernant IIS Express dans la documentation de Microsoft: «IIS express ne traite pas les demandes adressées à un navigateur sur un autre ordinateur, ce qui facilite son approbation dans les environnements d’entreprise».

Bottom line – vous devrez installer IIS (pas le service IIS express livré) pour que votre projet soit visible en dehors de votre ordinateur.

Source: http://msdn.microsoft.com/en-us/library/58wxa9w5.aspx

J’espère que cela sera utile à d’autres personnes qui sont en train d’éteindre toutes les fonctionnalités de sécurité de leur ordinateur.

Si vous travaillez sur un projet php, vous pouvez modifier la base href:

">

  • localhost ou 127.0.0.1: selon vos parameters
  • 192.xxx: votre adresse IP locale
  • HTTPS_SERVER: la base href précédente

Cela est essentiel pour charger des images, des fichiers CSS et JS sur votre téléphone.

Avec WAMP :

1) Vous devez cliquer sur l’icône WAMP> Mettre en ligne (attendre le redémarrage).

2) Ensuite (si vous êtes WiFi sur iPhone sur le même réseau), ouvrez votre IP dans le navigateur iPhone

c’est-à-dire http://192.168.1.22 ou http://164.92.124.42

Pour trouver vos adresses IP locales:
a) Cliquez sur Démarrer> Exécuter> cmd et tapez ipconfig , vous verrez alors.
OU
b) cliquez sur la flèche bleue et “bail new ip”.

ps C’est tout. maintenant vous pouvez accéder à (open) localhost depuis Android ou iPhone

Pour ceux d’entre vous qui utilisent l’adresse IP correcte et que vous ne pouvez toujours pas vous connecter au serveur local, une autre chose à vérifier est que vous ou votre collègue n’avez pas configuré l’appareil pour utiliser un serveur proxy.

J’avais un appareil qui ne se connectait pas, et il s’est avéré que le périphérique était configuré pour utiliser Charles Proxy, ce qui bien sûr ne fonctionnait pas.

Pour Mac, ouvrez simplement l’utilitaire réseau (vous pouvez le trouver facilement en tapant cmd + space, ce qui ouvrira Spotlight puis, sous le feu des projecteurs, commencez à taper Network Utility). Sélectionnez Network Utility, quand il est ouvert, votre adresse IP sera trouvée à côté de l’adresse IP de l’étiquette. Donc, fondamentalement, avec l’IP, vous pouvez accéder à tous les ports ouverts de votre Mac local, par exemple si votre site Web fonctionne localement sur localhost: 3000 et que votre adresse IP est 154.31.92.0. : 3000 dans un navigateur.

PS- Cela ne fonctionne que si le téléphone et l’ordinateur sont sur le même réseau

Jetez un coup d’oeil à cette réponse , elle traite du routage interne de HTTP via des appels directs Objective-C vers une couche / un serveur Web intégré compatible HTTP (supposons que le code du serveur HTTP se trouve dans la même application qui souhaite afficher le HTML widget).

Cela présente l’avantage d’être légèrement plus sécurisé (et peut-être plus rapide) car aucun port ne doit être exposé.

Il y a un moyen très simple d’y parvenir:

  1. Connectez votre téléphone et votre ordinateur au même réseau local.
  2. Window + R , puis tapez ipconfig , puis vous obtenez votre adresse IP actuelle de votre PC, il ressemble à ceci: 192.168.XX.XX
  3. Tapez cette adresse IP avec votre port d’application dans le navigateur Web de votre téléphone, comme ceci: http: //192.168.XX.XX: 8080 , cela fonctionne

Remarque:

Si cela n’a pas fonctionné. Désactivez le logiciel antivirus sur votre PC, si cela ne fonctionne toujours pas, essayez de désactiver le pare-feu Windows, car le problème est lié au pare-feu PC.

Si vous utilisez un Mac –

  1. Connectez votre iPhone à votre Mac via USB.

  2. Accédez à Utilitaire réseau (cmd + espace et tapez “utilitaire réseau”)

  3. Allez dans l’onglet “Info”

  4. Cliquez sur le menu déroulant qui dit “Wi-Fi” et sélectionnez “iPhone USB” comme indiqué sur la photo.

  5. Vous trouverez une adresse IP telle que “xxx.xxx.xx.xx” ou similaire. Ouvrez le navigateur Safari sur votre iPhone et entrez l’adresse IP: numéro_port

    Exemple: 169.254.72.86:3000

[REMARQUE: Si le champ Adresse IP est vide, assurez-vous que votre iPhone est connecté via USB, quittez Network Utility, ouvrez-le à nouveau et vérifiez l’adresse IP.]

Si vous vous rendez dans les parameters réseau et obtenez une adresse IP Wi-Fi telle que xxx.xxx.x.xxx:9000 (: 9000 ou le port ouvert), assurez-vous que votre appareil mobile est également sur ce même Wi -Fi / adresse IP du signal. J’ai passé une journée à essayer de faire en sorte que cela fonctionne et cela n’a pas fonctionné tant que je n’ai pas éteint mon téléphone du réseau cellulaire sur la même connexion Wi-Fi / la même adresse IP. Ouvert dès que j’ai fait cette mise à jour.

De mon iPhone, je voulais parcourir un site Web hébergé sur un serveur IIS sur mon ordinateur portable Windows 8. Après quelques lectures, j’ai ouvert le pare-feu Windows, sélectionné “Autoriser une application ou une fonctionnalité via le pare-feu Windows”. Puis fait défiler et vérifié “World Wide Web Services (HTTP)” de la liste. C’est tout, ça a marché. J’espère que ça aide quelqu’un d’autre aussi.

Dans mon cas, j’ai d’abord connecté mon PC et mon mobile sur le même réseau, vous pouvez cingler votre mobile depuis un PC pour tester la connexion.

J’exécute mon projet avec GGTS (Groovy / Grails Tool Suite) localement, puis accède au site Web depuis un mobile en utilisant l’adresse IP du PC et cela fonctionne très bien.

PS en cours d’exécution à partir du local, il donnerait l’url comme ( http: // localhost: 8080 / nomprojet ), vous devez remplacer localhost avec l’adresse IP du PC si vous essayez d’accéder à votre site Web local à partir de mobile

Si vous êtes sur un Mac, veillez à éditer votre fichier /etc/hosts . Recherchez l’adresse IP selon les instructions ci-dessus et ajoutez la ligne suivante à ce fichier

 172.x.xx.xx outer 

Après cela, les étapes ci-dessus ont fonctionné: accédez à la page de droite de mon navigateur iphone, visitez le site http: //172.x.xx.xx: port http://www.imore.com/how-edit-your-macs- hôtes-fichier-et-pourquoi-voulez-vous

Un autre moyen rapide et sale de le faire sur un mac est d’ouvrir xcode (si vous l’avez installé) et d’exécuter safari sur votre simulateur. Taper localhost ici fonctionnera également.