Wie mein Winkel-Website auf einem mobilen Gerät ausgeführt wird localhost auf meinem windows-desktop

Weiß ich aus diesem Frage-und Antwort-auf die Super-User - Website auf localhost auf dem desktop ist nicht erreichbar, auf android-Gerät (PS: dieser Frage weiterhin auf die Frage im link), dass der Befehl ng serve öffnet ein schlecht konfigurierter webserver.

Die Frage ist, wie könnte ich meine Website auf einem Android-Gerät ohne die Bereitstellung von meine Website. Ich werde versuchen, die Website auf diese url http://192.168.0.168:4200 mit Winkel-CLI.

InformationsquelleAutor H. Pauwelyn | 2017-03-28
  1. 50

    versuchen ng dienen --host option, wie erläutert, in dieser Ausgabe: https://github.com/angular/angular-cli/issues/1793 Kommentar von intellix.

    1. ng serve --host 0.0.0.0
    2. Finden Sie Ihre lokale ip-Adresse, indem Sie folgenden diese
    3. Navigieren Sie zu <local ip adress>:4200 von jedem Gerät auf dem gleichen Netzwerk.

    ansonsten versuchen https://ngrok.com/ zu öffnen, einen tunnel von Ihrem lokalen Netzwerk zu Ihrem Computer "localhost". Im Grunde Ihres Computers leitet die 4200-Anschluss mit einer externen ip und port, dass ein Gerät auf das Netzwerk zugreifen können.

    • Dein tool funktioniert sehr gut, aber ich bin im Moment auf der Suche für einen Befehl Winkel-CLI.
    • aktualisiert, überprüfen Sie bitte, ob diese arbeiten für Sie
    • Ich hatte keine Ahnung, Sie könnten dies tun. erstaunlich!
    • Scheint dieser zu arbeiten, statt ng serve --host=0.0.0.0
    • Wenn die url noch nicht auf Ihr mobiles Gerät, versuchen Sie zu deaktivieren, eine firewall
    InformationsquelleAutor Ahmed Musallam
  2. 15

    1. Überprüfen Sie zuerst Ihr Gerät IP-Adresse.

      • Auf Windows geben ipconfig in der Eingabeaufforderung (Kopie IPv4).
      • Auf Mac, Typ ifconfig |grep inet im Terminal (copy inet).

      In meinem Fall ist dies 192.168.0.10.

    2. Weiter, geben Sie ng serve --host 192.168.0.10.

    3. Ok, Ihre app auf air-für alle Geräte auf dem gleichen Netzwerk.

    4. Nun nur http://192.168.0.10:4200/ arbeiten, localhost nicht mehr.

    InformationsquelleAutor Shabbir Dhangot
  3. 4

    Als ich versuchte mit

    ng serve --host local ip address

    Ich Stand vor

    Ungültige header-Anforderung

    Dieses Problem wurde gelöst mit --disable-host-check

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

    InformationsquelleAutor Ram Sharma
  4. 1

    Als Ergänzung zu all den oben genannten Antworten, müssen Sie möglicherweise passen Sie Ihre proxy-Einstellungen auf Ihrem Gerät. Für mein Android-Handy, war dies:

    1. Einstellungen
    2. Wifi
    3. Lange Auf das gewünschte Netzwerk
    4. Ändern Netzwerk
    5. Klicken Sie auf erweitert/erweiterte Optionen
    6. Set proxyHostname: localhost und proxyPort: 4200 und bypassProxyFor: hostIpAddress
    InformationsquelleAutor ballabimbim
  5. 0

    für die Ubuntu-Leute:
    die ip-Adresse und Schreibe diese in das terminal:
    hostname -I

    erhalten Sie eine ip-Adresse so etwas wie 192.168.0.0

    und dann kann man nur dazu dienen die app mit:
    ng serve --host ip address

    und dann können Sie öffnen Sie einfach den browser in Ihrem Handy mit:
    http://ip address:4200

    InformationsquelleAutor Ahmed Alhisaie
  6. 0

    Ich öffne meine Angular2 App auf dem Mobilen Gerät mit Chrome Remote Gerät.

    Müssen Sie nur verbinden Sie Ihr Telefon mit Ihrem pc und synchronisieren Sie ihn mit Google chrome.
    Als das port-forwarding wie auf dem link oben.

    Nachdem Sie Ihr Gerät anschließen, führen Sie Ihre Winkel-app dienen mit ng serve --public-host

    Nun können Sie auf Ihre app in localhost:4200 mobilen Gerät.

    InformationsquelleAutor Kaloyan Stamatov
Schreibe einen Kommentar