Naar Lokale Servers

Door Kayce Basken
Technisch Schrijver Chrome DevTools & Vuurtoren

Door Meggin Kearney
Meggin is een Tech-Writer

het Hosten van een website op een ontwikkeling van de machine web server, thenaccess de inhoud van een Android-apparaat.,

met een USB-kabel en Chrome DevTools kunt u een site draaien vanaf een ontwikkelmachine en de site vervolgens bekijken op een Android-apparaat.

TL;DR

  • Port forwarding stelt u in staat om inhoud van de webserver van uw ontwikkelmachine op uw Android-apparaat te bekijken.
  • als uw webserver een aangepast domein gebruikt, kunt u uw Android-apparaat instellen om toegang te krijgen tot de inhoud van dat domein met aangepaste domeintoewijzing.

port forwarding instellen

Port forwarding stelt uw Android-apparaat in staat om toegang te krijgen tot inhoud die is opgeslagen op de webserver van uw ontwikkelmachine., Port forwarding werkt door het creëren van een luisteren TCP-poort op je Android-apparaat dat Kaarten naar een TCP-poort op uw ontwikkeling machine. Het verkeer tussen de poorten verloopt via de USB-verbinding tussen uw Android-apparaat en de ontwikkelmachine, zodat de verbinding niet afhankelijk is van uw netwerkconfiguratie.

port forwarding inschakelen:

  1. debugging op afstand instellen tussen uw ontwikkelmachine en uw Android-apparaat. Wanneer u klaar bent, moet u uw Android-apparaat inde lijst te zien.
  2. klik op de knop poort doorsturen. localhost:8080 is standaard ingesteld.,
  3. Controleer port forwarding inschakelen. Als u andere poorten wilt instellen, volgt u de stappen 4 en 5. Ga anders naar stap 6.
  4. in het tekstveld van de poort aan de linkerkant, voert u het localhost poortnummer in waarvan u toegang wilt hebben tot de site op uw Android-apparaat. Bijvoorbeeld, als u de site wilt openen vanaf localhost:5000 dan zou u 5000willen openen.,
  5. in het IP adres en poort tekstveld aan de rechterkant, voer je het IP adres of de hostnaam in waarop je site draait op de webserver van je ontwikkelmachine, gevolgd door het poortnummer. Bijvoorbeeld, als uw site draait oplocalhost:7331 dan geeft u localhost:7331in.
  6. klik op Gereed.

Port forwarding is nu ingesteld. U kunt een statusindicator van de portforward zien aan de bovenkant evenals naast de apparaatnaam.,

om de inhoud te bekijken, opent u Chrome op uw Android-apparaat en gaat u naar localhost poort die u hebt opgegeven in het apparaat poort veld. Als u bijvoorbeeld 5000 in het veld invoert, dan gaat u naarlocalhost:5000.

toewijzen aan aangepaste lokale domeinen

aangepaste domeintoewijzing stelt u in staat om inhoud op een Android-apparaat te bekijken van een webserver op uw ontwikkelmachine die een aangepast domein gebruikt.,

bijvoorbeeld, stel dat uw site een JavaScript-bibliotheek van derden gebruikt die alleen werkt op het allow-listed domein chrome.devtools. Dus, u maakt een regel aan in uw hosts bestand op uw ontwikkelmachine om dit domein toe te wijzen aan localhost (dwz 127.0.0.1 chrome.devtools). Nadat u customdomain mapping en port forwarding hebt ingesteld, kunt u de site op uw Android-apparaat bekijken op de URL chrome.devtools.,

port forwarding instellen naar proxyserver

om een aangepast domein toe te wijzen moet u een proxyserver draaien op uw ontwikkelmachine. Voorbeelden van proxyservers zijn Charles, Squid en Fiddler.

om poort doorsturen naar een proxy in te stellen:

  1. Voer de proxyserver uit en noteer de poort die het gebruikt. Opmerking: de proxy server en uw webserver moeten op verschillende poorten draaien.
  2. port forwarding instellen naar uw Android-apparaat. Voer voor het lokale adresveld localhost: In, gevolgd door de poort waarop yourproxy server draait., Bijvoorbeeld, als het draait op poort 8000, dan zou je localhost:8000invoeren. Voer in het veld apparaatpoort het nummer in waarop u uw Android-apparaat wilt laten luisteren, zoals 3333.

proxy-instellingen configureren op uw apparaat

vervolgens moet u uw Android-apparaat configureren om te communiceren met de proxy-server.

  1. op uw Android-apparaat Ga naar Instellingen > Wi-Fi.
  2. Long-Druk op de naam van het netwerk waarmee u momenteel verbonden bent.Opmerking: Proxy-instellingen zijn van toepassing per netwerk.,
  3. Tik op Netwerk wijzigen.
  4. Tik op Geavanceerde opties. De proxy-instellingen worden weergegeven.
  5. Tik op het Proxy-menu en selecteer handmatig.
  6. voor het veld proxy hostname voert u localhostin.
  7. voer voor het veld Proxy poort het poortnummer in dat u in de vorige sectie voor Device Poort hebt ingevoerd.
  8. Tik op Opslaan.

met deze Instellingen stuurt uw apparaat alle aanvragen door naar de proxy op uw ontwikkelmachine. De proxy doet verzoeken namens uw apparaat,zodat verzoeken naar uw aangepaste lokale domein correct worden opgelost.,

nu kunt u toegang krijgen tot aangepaste domeinen op uw Android-apparaat Android net zoals u op de ontwikkelmachine zou doen.

als uw webserver een niet-standaard poort heeft, vergeet dan niet de poort op te geven bij het aanvragen van de inhoud van uw Androiddevice. Als uw webserver bijvoorbeeld het aangepaste domeinchrome.devtools op poort 7331 gebruikt, moet u als u de site vanaf uw Androidapparaat bekijkt de URL chrome.devtools:7331gebruiken.,

Tip: om normaal browsen te hervatten, vergeet niet om de proxy-instellingen op uw Android-apparaat terug te zetten nadat u de verbinding met de ontwikkelmachine hebt verbroken.

Feedback

Was deze pagina nuttig?
Ja
wat was het beste aan deze pagina?
Het hielp me mijn doel(en) te voltooien
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

Het had de informatie die ik nodig had
Bedankt voor de feedback., Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

het had nauwkeurige informatie
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

het was gemakkelijk om
te lezen Dank u voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

iets anders
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.,

No
wat was het ergste aan deze pagina?
Het heeft me niet geholpen mijn doel(en) te voltooien
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

er ontbrak informatie die ik nodig had
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

Het had onjuiste informatie
Bedankt voor de feedback., Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

het was moeilijk om
te lezen bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

iets anders
Bedankt voor de feedback. Als u specifieke ideeën over het verbeteren van deze pagina, maak dan een probleem.

Share

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *