Comment accéder à un site Web fonctionnant sur localhost à partir du navigateur iPhone
Je travaille sur un site Web mobile et j'aimerais le tester à l'aide du navigateur de mon iPhone. Mon ordinateur 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 depuis l'iPhone fera simplement un bouclage/tentera de se connecter à lui-même (si cela le supporte?).
Ce que vous devez faire est de trouver l’adresse IP de votre ordinateur de bureau (par exemple, si Windows, allez au 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 la visiter depuis 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, le cas échéant.
Si vous utilisez Mac, allez dans Préférences Système> Réseau et utilisez votre adresse IP à la place 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 iPhone.
Essaye ça:
- Presse Windows + R
- Ouvrez
cmd - Exécutez
ipconfig(Old)ifconfig(Nouveau) - Vérifiez l'IP de votre carte réseau sans fil
- 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 une autorisation sur les paramètres de votre pare-feu, le cas échéant.
Si vous utilisez MAMP , entrez votre adresse IP (par exemple 192.0.0.63) dans le navigateur de votre iPhone Safari, suivie du numéro de port 8888 (par exemple 192.0.0.63:8888) et vous pourrez pour voir votre site local sur votre iPhone.
Et si vous utilisez un serveur WAMP , vous devez également saisir l’adresse IP (par exemple 192.0.0.63) dans le navigateur Safari de votre iPhone, et le tour est joué. Mais n'oubliez pas de supprimer le deny from all du fichier httpd.conf de votre serveur WAMP. Si vous recherchez la ligne allow from 127.0.0.1, au-dessus ou au-dessous, vous verrez deny from all; supprimez simplement cette ligne et redémarrez votre serveur WAMP et cela devrait faire l'affaire.
vous pouvez essayer ngrok.io . Fonctionne selon le même principe que le tunnel local.
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 de votre application.
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
Il achemine votre contenu via un autre serveur et vous y accédez.
Si vous utilisez un Mac -
Connectez votre iPhone à votre Mac via USB.
Allez dans Utilitaire réseau (cmd + espace et tapez "utilitaire réseau")
Allez dans l'onglet "Info"
Cliquez sur le menu déroulant qui dit "Wi-Fi" et sélectionnez "iPhone USB" comme indiqué sur la photo.
Vous trouverez une adresse IP du type "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 d'adresse IP est vide, assurez-vous que votre iPhone est connecté via USB, quittez Utilitaire réseau, ouvrez-le à nouveau et vérifiez l'adresse IP.]
Si vous préférez taper un nom d'hôte au lieu d'une adresse IP
Première option (moyen rapide):
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. Aucune configuration nécessaire.
Ensuite, lorsque vous accédez à http://mysite.app.192.168.1.130.xip.io (à l'aide d'un navigateur sur votre serveur ou sur n'importe quel périphérique de votre réseau page hébergée à 192.168.1.130.
Et si vous exécutez Homestead sur la machine qui existe à cette adresse IP, accédez à http://mysite.app.192.168.1.130.xip.io:44300 (avec le port dans l'URL) affiche en quelque sorte le page hébergée sur la machine virtuelle Homestead Vagrant à 192.168.10.10. Assez étonnant.
Troisième option (qui ne dépend pas d'un service et 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ébergeant plusieurs sites différents auquel vous souhaitez accéder via différents noms d’hôte (via iPhone), vous pouvez le faire.
- Dans votre système d'exploitation, changez le nom de votre ordinateur en un nom court, significatif et facile à mémoriser, tel que "RYANDESK".
- Dans les paramètres de votre routeur DD-WRT:
- Dans
Services > Services > Static Leases, définissez l'adresse MAC de votre serveur pour qu'elle pointe vers une adresse IP spécifique, telle que192.168.1.108. Définissez son nom d’hôte pour qu’il soit identique à celui que vous avez précédemment nommé votre ordinateur. "Durée du bail client" peut être de 1440 minutes. - Veillez à appuyer sur
Saveet 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 de l'interface graphique de DD-WRT est trompeuse et que vous avez inutilement appuyé sur "Ajouter" pour les baux statiques. - Dans
DHCP Server > User Domain, choisissez "LAN & WAN". Pour "Domaine LAN", définissez-le sur une chaîne courte, telle que vos initiales sans aucune ponctuation (par exemple "xyz"). Évitez probablement d'utiliser le mot "local" car il pourrait y avoir des conflits. N'utilisez pas de domaines du monde réel tels que "com", "org", "net", etc.
- Dans
- Dans
Services > Services > DNSMasq, activez DNSMasq et "DNS local" et configurez les "Options DNSMasq supplémentaires" pour ressembler à ceci:address=/project1.xyz/project2.xyz/192.168.1.108(oùxyzcorrespond à ce que vous avez choisi à l'étape précédente, l'adresse IP pointe sur la machine spécifique etproject1etproject2correspondent au nom d'hôte. vous souhaitez pointer sur chacun de ces projets (tels que différentes configurations Nginx). - Assurez-vous que votre fichier HOSTS ne contient aucune entrée en conflit avec ce que nous avons fait. Si vous ne savez pas ce qu'est un fichier HOSTS, tout va probablement bien.
- Videz votre cache DNS et libérez et renouvelez votre IP locale. Activez et désactivez le mode Avion sur iPhone pour vider le cache DNS également.
Vous pouvez maintenant accéder à
http://ryandesk.xyzsur votre iPhone (ou dans le navigateur de votre ordinateur de bureau), et le problème sera résolu sur votre serveur local. J'espère donc que vous avez configuré votre Nginx, 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/Comment-accéder-à-vos-machines-en-utilisant les noms DNS-avec-dd-wrt/
WebpackDevServer localhost depuis iphone
Si vous utilisez une application qui s'exécute sur un nœud. vous pouvez utiliser webpack en tant qu'outil de construction et utiliser leur devserver intégré
Vous pouvez utiliser webpackdevserver pour démarrer votre application à partir d'un serveur localhost, puis transmettez 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
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 une adresse IP, vous pouvez vous référer Obtenir une adresse IP locale dans node.js
Pour Mac, ouvrez simplement l'utilitaire de réseau (vous pouvez le trouver facilement en tapant cmd + space, ce qui ouvrira Spotlight puis, sous le feu des projecteurs, commencerez à taper Network Utility). Sélectionnez Utilitaire réseau. Lorsqu'il est ouvert, votre adresse IP se trouve à côté de l'étiquette Adresse IP. Donc, fondamentalement, avec l’IP, vous pouvez entrer dans n’importe quel port ouvert de votre Mac local, par exemple. si votre site web tourne localement sur localhost: 3000 et que votre adresse ip est 154.31.92.0, vous pouvez alors accéder au site web simplement en tapant 154.31.92.0:3000 dans un navigateur.
PS- Ceci ne fonctionne que si le téléphone et l'ordinateur sont sur le même réseau
Si vous utilisez mac (OSX):
Sur toi mac:
- Terminal ouvert
- lancer "ifconfig"
- Trouvez la ligne avec l'adresse ip "192.xx.x.x"
Si vous testez votre site Web à l’adresse: "localhost: 8888/mywebsite" (cela dépend de vos configurations MAMP)
Sur votre téléphone :
- Ouvrez votre navigateur (par exemple Safari)
- Entrez l'URL 192.xxx.x.x: 8888/mywebsite
Note : vous devez être connecté au même réseau (wifi)
Vous pouvez utiliser l'adresse IP de l'ordinateur à la place http: // localhost .
Mais ce n'est peut-être pas accessible. Vous devez éditer le fichier httpd.conf (ou un fichier de configuration équivalent) de votre logiciel serveur. Je n'ai pas installé php pour le moment, mais vous pouvez effectuer une recherche avec le mot clé: "Autoriser à partir de/Répertoire"
Remarque: l'adresse IP du PC sur lequel XAMPP est exécuté doit être une adresse IP statique (non attribuée par DHCP), sinon vous devez la vérifier manuellement à chaque redémarrage du PC.
Je souhaitais accomplir la même chose que la demande initiale et je cherchais une réponse ici. Je désactivais tous les pare-feu et les virus, en vain.
Ensuite, j'ai trouvé la déclaration suivante concernant IIS exprimée dans la documentation 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".
En bout de ligne - vous devrez installer IIS (et non le livré IIS express) pour que votre projet soit visible en dehors de votre ordinateur.
Source: http://msdn.Microsoft.com/en-us/library/58wxa9w5.aspx
Espérons que cela sera utile aux autres utilisateurs qui vont complètement mal à désactiver toutes les fonctions de sécurité de leur ordinateur.
Avec WAMP:
1) vous devez cliquer sur l’icône WAMP> Mettre en ligne (attendez de la relancer).
2) Puis (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.22OUhttp://164.92.124.42
Pour trouver votre adresse IP locale:
a) cliquez sur Démarrer> Exécuter> cmd et tapez ipconfig, vous y verrez alors .
OU
b) cliquez sur la flèche bleue flèche et "leasing new ip".
p.s. C'est tout. vous pouvez maintenant accéder à (ouvert) localhost depuis Android ou iPhone
Si vous travaillez sur un projet php, vous pouvez changer le href de base:
<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.
Pour ceux d'entre vous qui utilisent la bonne adresse IP et que vous NE POUVEZ PAS encore se connecter au serveur local, vous devez également vérifier que vous-même ou votre collègue n'a pas configuré l'appareil pour utiliser un serveur proxy.
J'avais un appareil qui ne voulait pas se connecter, et il s'est avéré que l'appareil était configuré pour utiliser le proxy Charles, qui, bien sûr, ne fonctionnait pas.
Pas:
Je suppose que vous avez démarré le serveur Web (Apache Tomcat sur le port par défaut: 8080).
Sur les fenêtres 10:
- Ouvrez votre antivirus, accédez à la section Pare-feu, localisez le port Et ajoutez un port TCP/IP local: 8080 pour autoriser l'accès.
- obtenir l'adresse IP de la machine à partir de l'invite de commande. (Adresse IPv4)
- Lancez chrome depuis l'iPhone et l'adresse goto ip : 8080.
J'espère que cela t'aides.
Si vous souhaitez accéder à vos paramètres réseau et obtenir 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 le même réseau 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 avec la même connexion Wi-Fi/adresse IP. Ouvert dès que j'ai fait cette mise à jour.
Recherchez l'adresse IP de votre système et sur quelle port vous exécutez le site Web.
Supposons que votre adresse IP est 121.300.00.250 et que votre port est 8080.
[Numéro de port: consultez votre navigateur Web pendant l’exécution de la page, par exemple: localhost: 8080/..., le numéro de port est 8080]
Maintenant, dans votre mobile, allez à 121.300.00.250:8080/.. et vous trouverez votre site Web.
IMPORTANT: / Vous devez vous assurer que votre serveur (par exemple, Apache Tomcat) est en état de démarrage.
Jetez un coup d’œil à ceci answer , il aborde le routage interne HTTP via des appels directs Objective-C vers un serveur Web intégré/couche compatible HTTP (supposons que le code du serveur HTTP se trouve dans la même application que celle qui souhaite afficher le message. HTML dans un widget Web).
Cela présente l’avantage d’être légèrement plus sécurisé (et peut-être plus rapide), car aucun port ne devrait être exposé.
Il existe un moyen très simple d'y parvenir:
- Connectez votre téléphone et votre ordinateur au même réseau local.
Window + R, puis tapezipconfig, puis vous obtenez votre adresse IP actuelle de votre ordinateur, elle ressemble à ceci: 192.168.XX.XX- Tapez cette adresse IP avec le port de votre application dans le navigateur Web de votre téléphone, comme suit: http: //192.168.XX.XX: 8080 , cela fonctionne.
Remarque:
Si cela n'a pas fonctionné. Désactivez le logiciel anti-virus 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 du PC.
Depuis mon iphone, je souhaitais naviguer sur un site Web hébergé sur le serveur IIS sur mon ordinateur portable Windows 8. Après quelques lectures, j'ai ouvert le Pare-feu Windows et sélectionné "Autoriser une application ou une fonctionnalité via le pare-feu Windows". Faites ensuite défiler la liste et cochez la case «Services World Wide Web (HTTP)». C’est tout, ça a fonctionné ... Je pense que cela aidera aussi quelqu'un d’autre.
Dans mon cas D’abord, j’ai connecté mon ordinateur et mon téléphone portable sur le même réseau, vous pouvez envoyer une requête ping à votre téléphone portable depuis un ordinateur portable pour tester la connexion.
J'exécute mon projet avec GGTS (Groovy/Grails Tool Suite) localement, puis j'accède au site Web depuis un mobile en utilisant l'adresse IP du PC et tout fonctionne très bien.
PS. en partant de local, vous obtiendrez une adresse URL semblable à celle-ci ( http: // localhost: 8080/projectname ), vous devez remplacer localhost par l'adresse IP du PC si vous essayez d'accéder à votre site Web local depuis un mobile
Utilisez le type d'URL suivant:
http://<computer-name>.local:<port>
où <computer-name> vous pouvez trouver System Preferences -> Sharing
Si vous utilisez le serveur intégré WebStorm, assurez-vous que WebStorm -> Preferences Build, Execution, Deployment -> Debugger -> Can accept external connections est activé.
Un autre moyen rapide et dangereux 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.
Si vous êtes sur un Mac, veillez à éditer votre fichier /etc/hosts. Trouvez l’adresse IP selon les instructions ci-dessus et ajoutez la ligne suivante à ce fichier
172.x.xx.x.x outer
Après cela, les étapes ci-dessus ont fonctionné: accédez à la page de droite dans mon navigateur iphone, visitez le site http: //172.x.xx.xx: porthttp://www.imore.com/comment-éditer vos fichiers-hôtes-macs-et-pourquoi-vous-voudriez-vous