Vert for et webområde på en utvikling maskinen web server, thenaccess innholdet fra en Android-enhet.,
Med en USB-kabel og Chrome DevTools, kan du kjøre et nettsted fra en developmentmachine og deretter vise stedet på en Android-enhet.
TL;DR
- viderekobling av Port gjør det mulig å vise innhold fra din utvikling maskinens web server på yourAndroid enheten.
- Hvis din web server bruker et egendefinert domene, kan du sette opp din Android-enhet for å få tilgang thecontent på at domenet med egendefinert domene kartlegging.
Sette opp port forwarding
viderekobling av Port gjør det mulig for din Android-enhet for å få tilgang til innhold som er beinghosted om utvikling i maskinens web-server., Port forwarding fungerer bycreating a lytte TCP-port på din Android-enhet som kart til et TCP porton utviklingen din maskin. Trafikk mellom havner reise gjennom USBconnection mellom din Android-enhet og utvikling-maskinen, sothe tilkobling avhenger ikke av din nettverkskonfigurasjon.
for Å aktivere videresending av port:
- Sette opp ekstern feilsøking mellom utviklingen din maskin og yourAndroid enheten. Når du er ferdig, bør du se din Android-enhet i listen.
- Klikk på viderekobling av Port-knappen.
localhost:8080
er satt opp som standard., - Sjekk Aktivere videresending av port. Hvis du ønsker å sette opp andre porter, followthe trinn 4 og 5. Ellers går du til trinn 6.
- I Port textfield på venstre side, tast inn
localhost
portnummer fromwhich du vil være i stand til å få tilgang til nettstedet på din Android-enhet. Forexample, hvis du ønsket å få tilgang til nettstedet fralocalhost:5000
du wouldenter5000
., - IP-adresse og port textfield på høyre tast inn IP-avsender-vertsnavnet på nettstedet kjører på din utvikling-maskinen sin webserver, etterfulgt av port-nummeret. For eksempel, hvis nettstedet ditt er å kjøre på
localhost:7331
vil du gå inn tillocalhost:7331
. - Klikk på Ferdig.
Port forwarding er nå satt opp. Du kan se en statusindikator av portforward på toppen, så vel som i tillegg til navnet på enheten.,
for Å vise innholdet, åpner Chrome på Android-enheten og gå til localhost
– port som du har angitt i Enheten port-feltet. Forexample, hvis du har angitt. 5000
i feltet, så vil du gå tillocalhost:5000
.
Kart til tilpasset lokale domener
Egendefinert domene kartlegging gir deg muligheten til å vise innhold på en Android-devicefrom en web-server på din utvikling maskin som bruker et egendefinert domene.,
For eksempel, la oss si at nettstedet ditt bruker en tredjeparts JavaScript librarythat fungerer bare på tillat-listen for domenet chrome.devtools
. Så, du createan oppføring i hosts
fil på din utvikling-maskinen for å kartlegge dette domainto localhost
(dvs. 127.0.0.1 chrome.devtools
). Etter å ha satt opp customdomain kartlegging og port forwarding, vil du være i stand til å vise nettstedet på yourAndroid enheten ved URL chrome.devtools
.,
Sette opp port forwarding til proxy-server
for Å tilordne en egendefinert domene, må du kjøre en proxy-server på din developmentmachine. Eksempler på proxy-servere er Charles, Blekksprut,og Spelemann.
for Å sette opp port forwarding til en proxy:
- Kjør proxy-server, og merk den port som det er å bruke. Merk: Theproxy server og web-server må kjøre på forskjellige porter.
- Sette opp port forwarding til din Android-enhet. For thelocal adresse-feltet skriver du
localhost:
etterfulgt av porten som yourproxy server kjører på., For eksempel, hvis den kjører på port8000
,så ville du innlocalhost:8000
. I enheten port feltet enterthe nummeret som du vil din Android-enhet til å høre på, slik som3333
.
Konfigurere proxy-innstillinger på enheten
Neste, må du konfigurere din Android-enhet til å kommunisere med theproxy server.
- På din Android-enhet, går du til Innstillinger > Wi-Fi.
- Lang-trykk på navnet på nettverket som du er koblet til.Merk: Proxy-innstillinger gjelder per nettverk.,
- Trykk på Endre nettverk.
- Trykk på Avanserte alternativer. Proxy-innstillinger skjermen.
- Trykk på Proxy-meny og velg Manuell.
- For Proxy hostname-feltet, skriver du inn
localhost
. - For Proxy-port-feltet, skriv inn portnummeret som du har angitt fordevice port i forrige avsnitt.
- Trykk på Lagre.
Med disse innstillingene, kan enheten videresender alle sine forespørsler til proxy-onyour utvikling-maskinen. Proxy gjør forespørsler på vegne av enheten,slik at forespørsler til tilpasset lokale domenet er riktig løst.,
Nå kan du få tilgang til egne domener på Android-enheten din Android akkurat som youwould på å utvikle maskinen.
Hvis din web server kjører ut av en ikke-standard port,må du huske å oppgi porten når du ber om innhold fra din Androiddevice. For eksempel, hvis din web server ved å bruke egendefinert domenechrome.devtools
på-port 7331
når du viser området fra Androiddevice du bør bruke URL chrome.devtools:7331
.,
Tips: Hvis du vil gjenoppta normal surfing, husk å gå tilbake proxy-innstillinger onyour Android-enhet når du kobler fra utvikling maskinen.