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:
- debugging op afstand instellen tussen uw ontwikkelmachine en uw Android-apparaat. Wanneer u klaar bent, moet u uw Android-apparaat inde lijst te zien.
- klik op de knop poort doorsturen.
localhost:8080
is standaard ingesteld., - Controleer port forwarding inschakelen. Als u andere poorten wilt instellen, volgt u de stappen 4 en 5. Ga anders naar stap 6.
- 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 vanaflocalhost:5000
dan zou u5000
willen openen., - 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 op
localhost:7331
dan geeft ulocalhost:7331
in. - 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:
- Voer de proxyserver uit en noteer de poort die het gebruikt. Opmerking: de proxy server en uw webserver moeten op verschillende poorten draaien.
- 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 poort8000
, dan zou jelocalhost:8000
invoeren. Voer in het veld apparaatpoort het nummer in waarop u uw Android-apparaat wilt laten luisteren, zoals3333
.
proxy-instellingen configureren op uw apparaat
vervolgens moet u uw Android-apparaat configureren om te communiceren met de proxy-server.
- op uw Android-apparaat Ga naar Instellingen > Wi-Fi.
- Long-Druk op de naam van het netwerk waarmee u momenteel verbonden bent.Opmerking: Proxy-instellingen zijn van toepassing per netwerk.,
- Tik op Netwerk wijzigen.
- Tik op Geavanceerde opties. De proxy-instellingen worden weergegeven.
- Tik op het Proxy-menu en selecteer handmatig.
- voor het veld proxy hostname voert u
localhost
in. - voer voor het veld Proxy poort het poortnummer in dat u in de vorige sectie voor Device Poort hebt ingevoerd.
- 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:7331
gebruiken.,
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.