Tilgang til Lokale Servere

Etter Kayce Baskerne
Teknisk Forfatter, Chrome DevTools & Fyr

Etter Meggin Kearney
Meggin er en Teknisk Forfatter

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:

  1. 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.
  2. Klikk på viderekobling av Port-knappen. localhost:8080 er satt opp som standard.,
  3. Sjekk Aktivere videresending av port. Hvis du ønsker å sette opp andre porter, followthe trinn 4 og 5. Ellers går du til trinn 6.
  4. 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 fra localhost:5000 du wouldenter 5000.,
  5. 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 til localhost:7331.
  6. 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:

  1. Kjør proxy-server, og merk den port som det er å bruke. Merk: Theproxy server og web-server må kjøre på forskjellige porter.
  2. 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å port 8000,så ville du inn localhost:8000. I enheten port feltet enterthe nummeret som du vil din Android-enhet til å høre på, slik som 3333.

Konfigurere proxy-innstillinger på enheten

Neste, må du konfigurere din Android-enhet til å kommunisere med theproxy server.

  1. På din Android-enhet, går du til Innstillinger > Wi-Fi.
  2. Lang-trykk på navnet på nettverket som du er koblet til.Merk: Proxy-innstillinger gjelder per nettverk.,
  3. Trykk på Endre nettverk.
  4. Trykk på Avanserte alternativer. Proxy-innstillinger skjermen.
  5. Trykk på Proxy-meny og velg Manuell.
  6. For Proxy hostname-feltet, skriver du inn localhost.
  7. For Proxy-port-feltet, skriv inn portnummeret som du har angitt fordevice port i forrige avsnitt.
  8. 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.

Tilbakemelding

Var denne siden nyttig?
Ja
Hva var det beste med denne siden?
Det hjalp meg til å fullføre målet mitt(s)
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det hadde den informasjonen jeg trengte
Takk for tilbakemeldingen., Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det hadde nøyaktig informasjon
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det var lett å lese
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Noe annet
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.,

Nei
Hva var den verste tingen om denne siden?
Det ikke hjelpe meg med å fullføre målet mitt(s)
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det var manglende informasjon jeg trengte
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det hadde uriktige opplysninger
Takk for tilbakemeldingen., Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Det var vanskelig å lese
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Noe annet
Takk for tilbakemeldingen. Hvis du har konkrete ideer på hvordan du kan forbedre denne siden, kan du opprette et problem.

Share

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *