web-dev-qa-db-fra.com

Comment exécuter mon site Angular sur un périphérique mobile qui exécute localhost sur mon bureau Windows

Je sais de cette question et réponse sur Super User Site en cours d'exécution sur localhost sur le bureau est inaccessible sur le périphérique Android(PS: cette question continue sur la question dans le lien) que la commande ng serve ouvre un mauvais serveur Web configuré.

La question est de savoir comment puis-je exécuter mon site sur un appareil Android sans déployer mon site. Je vais essayer d’exécuter le site sur cette URL http://192.168.0.168:4200 en utilisant Angular-CLI.

androidnetworkinglocalhostwebserverangular-cli
20
H. Pauwelyn

essayez ng serve --Host comme expliqué dans ce numéro: https://github.com/angular/angular-cli/issues/1793 comment par intellix.

  1. ng serve --Host 0.0.0.0
  2. Trouvez votre adresse IP locale en suivant this
  3. Accédez à <local ip adress>:4200 à partir de n’importe quel périphérique du même réseau.

sinon, essayez https://ngrok.com/ pour ouvrir un tunnel de votre réseau local à votre ordinateur localhost. Fondamentalement, votre ordinateur transfère le port 4200 vers une adresse IP externe et un port auquel tout périphérique du réseau peut accéder.

35
Ahmed Musallam

  1. Commencez par vérifier l'adresse IP de votre machine.

    • Sous Windows, tapez ipconfig dans Invite (copiez IPv4).
    • Sur Mac, tapez ifconfig |grep inet dans Terminal (copy inet).


    Dans mon cas, c'est 192.168.0.10.

  2. Ensuite, tapez ng serve --Host 192.168.0.10.

  3. Ok, votre application en ondes pour tous les appareils du même réseau.

  4. Désormais, seul http://192.168.0.10:4200/ fonctionnera, localhost pas plus.

9
Shabbir Dhangot

Quand j'ai essayé d'utiliser 

ng serve --Host local ip address

Je faisais face 

Requête d'en-tête invalide

Ce problème a été résolu avec --disable-Host-check

ng serve --Host local ip address --disable-Host-check

3
Ram Sharma

En plus de toutes les réponses ci-dessus, vous devrez peut-être ajuster vos paramètres proxy sur votre appareil. Pour mon téléphone Android, c'était:

  1. Réglages
  2. Wifi
  3. Cliquez longuement sur le réseau souhaité
  4. Modifier le réseau
  5. Cliquez sur Options avancées/étendues
  6. Définissez proxyHostname: localhost et proxyPort: 4200 et bypassProxyFor: hostIpAddress
1
ballabimbim

pour les personnes Ubuntu: obtenir l'adresse IP en écrivant ceci dans le terminal: hostname -I

vous obtiendrez une adresse IP quelque chose comme 192.168.0.0

et ensuite vous pouvez simplement servir l'application avec: ng serve --Host ip address

et ensuite vous pouvez simplement ouvrir le navigateur sur votre mobile avec: http:// ip address:4200

0
Ahmed Alhisaie

J'ouvre mon application Angular2 sur un appareil mobile à l'aide de Appareil distant Chrome .

Il vous suffit de connecter votre téléphone à votre ordinateur et de le synchroniser avec chrome . Ensuite, effectuez le transfert de port comme décrit sur le lien ci-dessus.

Après avoir connecté votre appareil, exécutez votre application Angular avec ng serve --public-Host.

Vous pouvez maintenant accéder à votre application dans localhost: 4200 depuis un appareil mobile. 

0
Kaloyan Stamatov

J'ouvre mon application Angular2 sur un appareil mobile à l'aide de Appareil distant Chrome .

Il vous suffit de connecter votre téléphone à votre ordinateur et de le synchroniser avec chrome . Ensuite, effectuez le transfert de port comme décrit sur le lien ci-dessus.

Après avoir connecté votre appareil, lancez votre serveur d'applications angulaire avec ng serve --public-Host

Vous pouvez maintenant accéder à votre application dans localhost: 4200 depuis un appareil mobile. 

0
Kaloyan Stamatov