Zugriff auf Lokale Server

Durch Kayce Basques
Technische Autorin Chrome DevTools & Leuchtturm

Von Meggin Kearney
Meggin ist ein Tech-Autor

Host eine Website auf einem Entwicklungscomputer web-server, thenaccess die Inhalte von einem Android-Gerät.,

Mit einem USB-Kabel und Chrome DevTools können Sie eine Site von einer Entwicklungsmaschine aus ausführen und die Site dann auf einem Android-Gerät anzeigen.

TL; DR

  • Mit der Portweiterleitung können Sie Inhalte vom Webserver Ihres Entwicklungscomputers auf Ihrem Android-Gerät anzeigen.
  • Wenn Ihr Webserver eine benutzerdefinierte Domäne verwendet, können Sie Ihr Android-Gerät so einrichten, dass Sie mit benutzerdefinierter Domänenzuordnung auf thecontent in dieser Domäne zugreifen können.

Einrichten der Portweiterleitung

Die Portweiterleitung ermöglicht es Ihrem Android-Gerät, auf Inhalte zuzugreifen, die auf dem Webserver Ihres Entwicklungscomputers gehostet werden., Die Portweiterleitung funktioniert durch Erstellen eines abhörenden TCP-Ports auf Ihrem Android-Gerät, der einer TCP-Portierung auf Ihrem Entwicklungscomputer zugeordnet ist. Verkehr zwischen den Ports reisen durch die USBVerbindung zwischen Ihrem Android-Gerät und Entwicklungsmaschine, sothe Verbindung hängt nicht von Ihrer Netzwerkkonfiguration ab.

So aktivieren Sie die Portweiterleitung:

  1. Richten Sie das Remote-Debugging zwischen Ihrem Entwicklungscomputer und Ihrem Android-Gerät ein. Wenn Sie fertig sind, sollten Sie Ihr Android-Gerät in der Liste sehen.
  2. Klicken Sie auf Port Forwarding-Taste. ist standardmäßig eingerichtet.,
  3. Überprüfen Sie Portweiterleitung aktivieren. Wenn Sie andere Ports einrichten möchten, folgen Sie den Schritten 4 und 5. Andernfalls springen Sie zu Schritt 6.
  4. Geben Sie im linken Port-Textfeld dielocalhost – Portnummer ein, von der aus Sie auf die Site auf Ihrem Android-Gerät zugreifen möchten. Zum Beispiel, wenn Sie wollte, um Zugriff auf die site von localhost:5000 Sie wouldenter 5000.,
  5. Geben Sie im Textfeld IP-Adresse und Port rechts den Hostnamen des IP-Addressors ein, auf dem Ihre Site auf dem Webserver Ihres Entwicklungscomputers ausgeführt wird, gefolgt von der Portnummer. Wenn Ihre Site beispielsweise auflocalhost:7331 ausgeführt wird, geben Sie localhost:7331ein.
  6. Klicken Sie auf Fertig.

Portweiterleitung ist jetzt eingerichtet. Sie können eine Statusanzeige des Portforward oben sowie neben dem Gerätenamen sehen.,

Um den Inhalt anzuzeigen, öffnen Sie Chrome auf Ihrem Android-Gerät und gehen Sie zudie localhost port, den Sie im Feld Geräteport angegeben haben. Wenn Sie beispielsweise 5000 in das Feld eingegeben haben, gehen Sie zulocalhost:5000.

Zuordnung zu benutzerdefinierten lokalen Domänen

Mit der benutzerdefinierten Domänenzuordnung können Sie Inhalte auf einem Android-Gerät von einem Webserver auf Ihrem Entwicklungscomputer aus anzeigen, der eine benutzerdefinierte Domäne verwendet.,

Angenommen, Ihre Site verwendet eine JavaScript-Bibliothek eines Drittanbieters, die nur für die in der Liste angegebene Domäne chrome.devtoolsfunktioniert. Sie erstellen also einen Eintrag in Ihrer – Datei auf Ihrem Entwicklungscomputer, um diese Domain localhost (dh 127.0.0.1 chrome.devtools). Nach dem Einrichten der Customdomain-Zuordnung und Portweiterleitung können Sie die Site auf Ihrem Android-Gerät unter der URL chrome.devtoolsanzeigen.,

Portweiterleitung zum Proxyserver einrichten

Um eine benutzerdefinierte Domäne zuzuordnen, müssen Sie einen Proxyserver auf Ihrer Entwicklungsmaschine ausführen. Beispiele für Proxy-Server sind Charles, Squid und Fiddler.

So richten Sie die Portweiterleitung an einen Proxy ein:

  1. Führen Sie den Proxy-Server aus und notieren Sie den verwendeten Port. Hinweis: Der Proxyserver und Ihr Webserver müssen auf verschiedenen Ports ausgeführt werden.
  2. Richten Sie die Portweiterleitung auf Ihr Android-Gerät ein. Geben Sie für das Feld lokale Adresse localhost: gefolgt von dem Port ein, auf dem Ihrproxy-Server ausgeführt wird., Wenn es beispielsweise auf Port 8000ausgeführt wird, geben Sie localhost:8000ein. Geben Sie im Feld Geräteanschluss eindie Nummer, die Ihr Android-Gerät abhören soll, z. B. 3333.

Proxy-Einstellungen auf Ihrem Gerät konfigurieren

Als nächstes müssen Sie Ihr Android-Gerät für die Kommunikation mit demproxy-Server konfigurieren.

  1. Auf Ihrem Android-Gerät gehen Sie zu Einstellungen > Wi-Fi.
  2. Drücken Sie lange auf den Namen des Netzwerks, mit dem Sie gerade verbunden sind.Hinweis: Proxyeinstellungen gelten pro Netzwerk.,
  3. Tippen Sie auf Netzwerk Ändern.
  4. Tippen Sie auf Erweiterte Optionen. Die Proxy-Einstellungen werden angezeigt.
  5. Tippen Sie auf das Proxy-Menü und wählen Sie Manuell.
  6. Geben Sie für das Feld Proxy-Hostname localhostein.
  7. Geben Sie im Feld Proxy-Port die Portnummer ein, die Sie im vorherigen Abschnitt für den Port des Geräts eingegeben haben.
  8. Tippen Sie auf Speichern.

Mit diesen Einstellungen leitet Ihr Gerät alle Anfragen an den Proxy onyour development machine weiter. Der Proxy stellt Anforderungen im Namen Ihres Geräts, sodass Anforderungen an Ihre angepasste lokale Domäne ordnungsgemäß aufgelöst werden.,

Jetzt können Sie benutzerdefinierte Domains auf Ihrem Android-Gerät Android zugreifen, wie Sie es auf der Entwicklungsmaschine tun würden.

Wenn auf Ihrem Webserver ein nicht standardmäßiger Port ausgeführt wird, denken Sie daran, den Port anzugeben, wenn Sie den Inhalt von Ihrem Androiddevice anfordern. Wenn Ihr Webserver beispielsweise die benutzerdefinierte Domänechrome.devtools an Port 7331 verwendet, sollten Sie beim Anzeigen der Site von Ihrem Androiddevice aus die URL chrome.devtools:7331.,

Tipp: Um das normale Surfen fortzusetzen, denken Sie daran, die Proxy-Einstellungen auf Ihrem Android-Gerät wiederherzustellen, nachdem Sie die Verbindung zum Entwicklungscomputer getrennt haben.

Feedback

War diese Seite hilfreich?
Ja
Was war das Beste an dieser Seite?
Es hat mir geholfen, meine Ziele zu erreichen
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es hatte die Informationen, die ich brauchte
Vielen Dank für das Feedback., Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es hatte genaue Informationen
Danke für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es war einfach zu lesen
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Etwas anderes
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.,

Nein
Was war das Schlimmste an dieser Seite?
Es hat mir nicht geholfen, meine Ziele zu erreichen
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es fehlten Informationen, die ich brauchte
Danke für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es hatte ungenaue Informationen
Danke für das Feedback., Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Es war schwer zu Lesen
vielen Dank für das feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Etwas anderes
Vielen Dank für das Feedback. Wenn Sie konkrete Ideen zur Verbesserung dieser Seite haben, erstellen Sie bitte ein Problem.

Share

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.