Comment accéder à un site Web fonctionnant sur localhost à partir d'un navigateur iPhone
je travaille sur un site web mobile et je voudrais le tester en utilisant 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? Maintenant j'ai une erreur 404.
24 réponses
accéder à localhost à partir de l'iPhone va tout simplement faire un loopback / essayer de se connecter à lui-même (si elle prend en charge cela?).
ce que vous devez faire est de trouver L'IP de votre machine de bureau (par exemple si Windows, allez à la Command Prompt
et tapez ipconfig
ou allez à Network and Sharing Centre
et cherchez connection status
.
une fois que vous avez votre adresse ip, il vous suffit de visiter celle de votre navigateur par exemple http://192.168.0.102
.
vous devrez peut-être ouvrir le port 80 (ou quel que soit le port sur lequel votre site web s'exécute) dans la sécurité entrante de votre pare-feu si vous en exécutez un.
si vous utilisez Mac, allez sur 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 tournant sur le port 1448 et je peux prévisualiser 192.168.1.241:1448 en utilisant iPhone.
essayez ceci:
- Appuyez Sur Windows + R
- ouvert
cmd
- Exécuter
ipconfig
(Vieux)ifconfig
(Nouveau) - Vérifiez L'adresse IP de votre carte réseau sans fil
- allez sur iPhone et naviguez vers " http://xxx.xxx.xxx.xxx / " à travers votre navigateur.
(xxx.xxx.xxx.xxx est votre IP)
Note: vous devez définir la permission sur les paramètres de votre pare-feu, le cas échéant.
si vous utilisez MAMP , entrez votre adresse IP (disons 192.0.0.63) dans votre navigateur Safari iPhone, suivi 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 , encore une fois dans votre navigateur safari iPhone il suffit de taper L'adresse IP (disons 192.0.0.63) et c'est tout. Mais n'oubliez pas de supprimer le deny from all
de la httpd.fichier conf pour votre serveur WAMP. Si vous recherchez la ligne allow from 127.0.0.1
, au-dessus ou au-dessous de vous, il va voir deny from all
; il suffit de supprimer cette ligne et redémarrez votre serveur WAMP et à l'emploi.
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 est en cours d'exécution.
pour windows:
ngrok.exe http 8000
Si vous n'êtes pas sur le même réseau, vous pouvez utiliser cet outil tiers appelé localtunnel
il achemine essentiellement votre contenu par l'intermédiaire d'un autre serveur et vous y accédez.
si vous préférez taper un nom D'hôte au lieu de L'adresse IP
Première Option (Rapide):
vous devriez être en mesure de naviguer à http://my-macbook-pro.local/mywebsite
sur votre iPhone. Voir https://stackoverflow.com/a/9304094/470749
cette approche a tendance à fonctionner parce que le".le domaine local est un mot réservé spécial.
Deuxième Option:
voir http://xip.io / , qui est un service gratuit et est super pratique. Pas de configuration nécessaire.
puis quand vous naviguez vers 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 LAN), il affichera la page hébergée à 192.168.1.130
.
et si vous dirigez Homestead sur la machine qui existe à cette adresse IP, naviguant vers http://mysite.app.192.168.1.130.xip.io:44300 (avec le port dans L'URL) montre en quelque sorte la page hébergée sur la machine virtuelle Homestead Vagrant à 192.168.10.10
. Assez incroyable.
troisième Option (qui ne dépend pas d'un service et qui est flexible mais plus compliquée et ne fonctionne que si vous avez un routeur avec DD-WRT dessus):
Si vous avez un serveur local hébergement de plusieurs sites différents que vous souhaitez accéder via différents noms d'hôtes (via iPhone), vous pouvez le faire.
- dans votre OS, changez le nom de votre ordinateur en quelque chose de court, significatif, et facile à se souvenir, comme"RYANDESK".
- dans vos paramètres de routeur DD-WRT:
- dans
Services > Services > Static Leases
, définissez l'adresse MAC de votre serveur à une adresse IP spécifique, telle que192.168.1.108
. Set de son nom d'hôte pour être la même chose que vous avez appelé votre ordinateur plus tôt. "Client Lease Time" peut être de 1440 minutes. - n'oubliez pas d'appuyer sur
Save
et aussi surApply Settings
à chaque changement. ("Enregistrer" ne semble pas appliquer automatiquement les paramètres. Si vous obtenez une erreur, c'est probablement parce que la conception graphique de DD-WRT est trompeuse, et que vous avez inutilement appuyé sur "Add" pour les Baux statiques. - dans
DHCP Server > User Domain
, choisissez"LAN & WAN". Pour" LAN Domain", définissez une chaîne courte, comme vos initiales sans aucune ponctuation (par exemple "xyz"). Probablement éviter d'utiliser le mot "local" car il pourrait y avoir des conflits. N'utilisez pas les domaines du monde réel tels que "com", "org", "net", etc.
- dans
- dans
Services > Services > DNSMasq
, activez DNSMasq et "Local DNS" et configurez "Additional DNSMasq Options "pour être quelque chose comme:address=/project1.xyz/project2.xyz/192.168.1.108
(oùxyz
est ce que vous avez choisi dans l'étape précédente, L'IP pointe vers la machine spécifique, etproject1
etproject2
sont n'importe quel nom d'hôte que vous voulez pointer vers chacun de ces projets (comme les différentes configurations Nginx). - 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 êtes probablement très bien.
- Videz votre cache DNS et libérez et renouvelez votre IP locale. Basculer dans et hors du Mode Avion sur iPhone pour débusquer cache DNS là aussi.
-
Maintenant, vous pouvez naviguer sur
http://ryandesk.xyz
dans votre iPhone (ou dans votre navigateur de bureau), et il résoudra à votre serveur local. Donc j'espère que vous avez configuré votre Nginx ou Apache ou quoi que ce soit 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-with-dd-wrt /
WebpackDevServer localhost de iphone
si vous utilisez une application qui tourne sur node. vous pouvez utiliser webpack comme un outil de construction et utiliser leur construit dans devserver
vous pouvez utiliser webpackdevserver pour démarrer votre application à partir d'un serveur localhost, puis passer dans 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
Note:: 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 vous pouvez vous référer à obtenir l'adresse IP locale dans le noeud.js
si vous utilisez mac (OSX):
Sur votre mac:
- Ouvrir Un Terminal
- exécuter la commande "ifconfig"
- trouver la ligne avec l'adresse ip " 192.xx.x.x "
si vous testez votre site Web avec l'adresse : "localhost: 8888/mywebsite" (cela dépend de vos configurations MAMP))
sur votre téléphone:
- ouvrez votre navigateur (E. G Safari)
- entrez L'URL 192.xxx.x.x:8888/monsite
Note : vous devez être connecté sur le même réseau (wifi)
vous pouvez utiliser l'ip de l'ordinateur à la place http://localhost .
mais il peut ne pas être accessible. Vous devez éditer le httpd .conf (ou fichier de configuration équivalent) de votre logiciel serveur. Je n'ai pas php installé en ce moment, mais vous pouvez rechercher avec le mot-clé: "autoriser à partir ou / Directory "
Note: L'IP du PC où XAMPP est en cours d'exécution doit être une IP Statique( non assignée par DHCP), sinon vous devez vérifier manuellement chaque fois que vous redémarrez le PC.
je voulais accomplir la même chose que la demande originale, et j'ai cherché une réponse ici, et j'ai éteint tous les pare-feu et la protection virusen vain.
ensuite, j'ai trouvé la déclaration suivante concernant IIS express Dans la documentation de microsoft: "IIS express ne sert pas les requêtes à un navigateur sur un autre ordinateur, ce qui rend son approbation plus facile dans les environnements d'entreprise".
ligne de fond - vous aurez à installer IIS (pas la delivered IIS express) pour que votre projet soit vu à l'extérieur de votre ordinateur.
Source: http://msdn.microsoft.com/en-us/library/58wxa9w5.aspx
J'espère que c'est utile pour d'autres personnes qui deviennent folles en éteignant toutes les fonctionnalités de sécurité sur leur ordinateur.
si vous travaillez sur un projet php, vous pouvez changer la base href:
<base href="<?php echo str_replace("localhost","192.x.x.x",HTTPS_SERVER);?>">
- localhost ou 127.0.0.1: en fonction de vos paramètres
- 192.x.x.x: votre adresse ip locale
- HTTPS_SERVER: la base précédente href
faire 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 jusqu'à 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 Start>Run>cmd et tapez ipconfig , puis vous y verrez.
ou
B) cliquez sur le bleu arrow et"lease new ip".
p. S. C'est tout. maintenant, vous pouvez accéder (ouvert) localhost de Android ou iPhone
pour ceux d'entre vous qui utilisent la bonne adresse IP et qui ne sont toujours pas en mesure de se connecter au serveur local, une autre chose à vérifier est que vous ou votre collaborateur n'avez pas configuré le périphérique pour utiliser un serveur proxy.
j'avais un appareil qui ne se connectait pas, et il s'est avéré que l'appareil était configuré pour utiliser Charles Proxy, qui, bien sûr, ne fonctionnait pas.
pour Mac il suffit d'ouvrir L'Utilitaire Réseau (vous pouvez le trouver facilement en tapant cmd + space qui ouvrira spotlight et ensuite dans spotlight commencer à taper Utilitaire Réseau). Sélectionnez Utilitaire Réseau, quand il est ouvert, votre adresse IP sera trouvée à côté de l'étiquette adresse IP. Donc, essentiellement avec L'IP, vous pouvez entrer dans n'importe quels ports ouverts dans votre mac local, par exemple si votre site web est exécuté localement sur localhost:3000 et votre adresse ip est 154.31.92.0 alors de votre téléphone vous pouvez obtenir le site web il suffit de taper 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 oeil à cette réponse , il traite du routage interne HTTP par des appels directs Objectif-C à un calque HTTP/serveur web intégré (supposons que le code du serveur HTTP est dans la même application qui souhaite afficher le HTML dans un widget web).
ceci a l'avantage d'être légèrement plus sûr (et peut-être plus rapide) car aucun port ne devrait être exposé.
il y a une façon très simple d'y parvenir:
- Connectez votre téléphone et votre ordinateur dans le même réseau local.
-
Window + R
, puis tapezipconfig
, puis vous obtenez votre adresse ip actuelle de votre pc, il ressemble à ceci: 192.168.XX.XX - tapez cette ip avec votre port d'application dans votre navigateur Web de téléphone comme ceci: http://192.168.XX.XX: 8080 , il fonctionne
Note:
si cela n'a pas fonctionné. Désactiver le logiciel anti-virus dans 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 de L'ordinateur.
si vous utilisez un Mac -
-
Connectez votre iPhone à votre Mac via USB.
-
passer à Utilitaire de réseau (cmd+espace et type" utilitaire de réseau")
-
allez à L'onglet" Info
-
cliquez sur le menu déroulant qui dit "Wi-Fi" et sélectionnez "iPhone USB" comme indiqué dans le photo.
-
vous trouverez une adresse IP comme" xxx.xxx.xx.xx" ou similaire. Ouvrez le navigateur Safari sur votre iPhone et entrez IP_address: port_number
exemple: 169.254.72.86: 3000
[NOTE: Si le champ adresse IP est vide, assurez-vous que votre iPhone est connecté via USB, quittez L'Utilitaire réseau, ouvrez-le à nouveau et vérifiez l'adresse IP.]
Suit:
je suppose que vous avez démarré le serveur web (apache tomcat sur le port par défaut:8080).
sous windows 10:
- ouvrez votre antivirus, allez dans la section pare-feu, et localisez le port et ajoutez un Local TCP/IP Port : 8080 pour autoriser l'accès
- récupérez l'adresse ip de la machine à partir de l'invite de commande. (Adresse IPv4)
- lancer chrome de l'iPhone et goto adresse ip : adresse 8080.
Espérons que cette aide.
si vous allez la route d'aller dans vos paramètres de réseau et d'obtenir L'adresse IP Wi-Fi comme xxx.xxx.x.xxx: 9000 (: 9000 ou n'importe quel port ouvert), assurez-vous que votre appareil mobile est également sur cette même adresse IP Wi-Fi/signal. J'ai passé une journée à essayer de faire en sorte que ça marche et ça n'a pas marché jusqu'à ce que j'éteigne mon téléphone du réseau cellulaire à la même connexion Wi-Fi/adresse IP. Ouvert dès que j'ai fait cette mise à jour.
de mon iphone je voulais parcourir un site hébergé sur le 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é à travers le pare-feu Windows". Ensuite, vous avez vérifié "World Wide Web Services (HTTP)" à partir de la liste. C'est tout, il a travaillé. Espérons que cela aide quelqu'un d'autre aussi.
dans mon cas d'abord j'ai connecté mon pc et mobile sur le même réseau, vous pouvez ping votre mobile à partir du pc pour tester la connexion.
j'exécute mon projet avec Ggts(Groovy/Grails Tool Suite) localement puis accéder au site web à partir de mobile en utilisant L'adresse IP de L'ordinateur et il fonctionne très bien.
PS. en courant depuis le local, il donnerait une url comme ( http://localhost:8080/projectname ) 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, assurez-vous d'éditer votre fichier /etc/hosts
.
Trouver l'adresse IP selon les instructions ci-dessus et ajouter la ligne suivante à ce fichier
172.x.xx.x.x outer
après cela, les étapes ci-dessus ont fonctionné: naviguer à la page de droite dans mon navigateur iphone, visitez http://172.x.xx.x.x: port http://www.imore.com/how-edit-your-macs-hosts-file-and-why-you-would-want
une Autre façon rapide et sale pour ce faire sur un mac, c'est d'ouvrir xcode (si vous l'avez installé) et lancez safari sur votre simulateur. Taper localhost
ici fonctionne aussi.