få Adgang til Lokale Servere

Af Kayce Baskerne
Technical Writer, Chrome DevTools & Fyret

Af Meggin Kearney
Meggin er en Tech Forfatter

Vært for et websted på en udvikling maskine, web-server, thenaccess indholdet fra en Android-enhed.,

Med et USB-kabel og Chrome DevTools, kan du køre et websted fra en developmentmachine og derefter få vist stedet på en Android-enhed.

TL;DR

  • Port forwarding (portvideresendelse) giver dig mulighed for at få vist indhold fra din udvikling maskinens web-server på yourAndroid enhed.
  • hvis din serverebserver bruger et brugerdefineret domæne, kan du konfigurere din Android-enhed til at få adgang til indholdet på det domæne med brugerdefineret domænekortlægning.

oprette port forwarding

Port forwarding gør din Android-enhed til at få adgang til indhold, der er beinghosted på din udvikling machine ‘ s web-server., Port for .arding fungerer vedoprettelse af en lyttende TCP-port på din Android-enhed, der kortlægger til en TCP-port på din udviklingsmaskine. Trafik mellem havne rejse gennem USBconnection mellem din Android-enhed og udvikling maskine, såden forbindelse afhænger ikke af din netværkskonfiguration.

for at aktivere port for .arding:

  1. Konfigurer fjernfejlfinding mellem din udviklingsmaskine og dinandroid-enhed. Når du er færdig, skal du se din Android-enhed på listen.
  2. Klik på Port for buttonarding knappen. localhost:8080 er konfigureret som standard.,
  3. Check aktiver port for .arding. Hvis du vil oprette andre porte, skal du følgetrin 4 og 5. Ellers gå videre til trin 6.
  4. i Porttekstfeltet til venstre skal du indtaste localhost portnummer frasom du vil have adgang til theebstedet på din Android-enhed. Forepleample, hvis du ønskede at få adgang til theebstedet fra localhost:5000 du ville indtaste 5000.,
  5. i IP-adressen og porttekstfeltet til højre skal du indtaste IP-adresseneller værtsnavn, som dit hostebsted kører på din udviklingsmaskins websebserver, efterfulgt af portnummeret. Kører pålocalhost:7331, vil du indtaste localhost:7331.
  6. Klik på Udført.

port for Portarding er nu sat op. Du kan se en statusindikator for portenforforwardard øverst såvel som udover enhedsnavnet.,

for At få vist indhold, skal du åbne op Chrome på din Android-enhed, og gå til localhost port, som du har angivet i Enheden port feltet. Foreamample, hvis du indtastede 5000 i feltet, så ville du gå tillocalhost:5000.

kort til brugerdefinerede lokale domæner

tilpasset domænekortlægning giver dig mulighed for at se indhold på en Android-enhedfra en developmentebserver på din udviklingsmaskine, der bruger et brugerdefineret domæne.,

Antag for eksempel, at dit siteebsted bruger et tredjeparts JavaScript-bibliotekder kun fungerer på det tilladte domæne chrome.devtools. Så, du createan indlæg i din hosts fil på din udvikling maskine til at kortlægge denne domainto localhost (dvs 127.0.0.1 chrome.devtools). Når du har konfigureret customdomain-kortlægning og portvideresendelse, kan du se siteebstedet på dinandroid-enhed på URL ‘ en chrome.devtools.,

Konfigurer portvideresendelse til Pro .yserver

for at kortlægge et brugerdefineret domæne skal du køre en pro .yserver på din developmentmachine. Eksempler på pro .yservere er Charles, s .uid og Fiddler.

Sådan konfigureres portvideresendelse til en pro .y:

  1. Kør Pro .yserveren og bemærk den port, den bruger. Bemærk: Thepro .y server og din webebserver skal køre på forskellige porte.
  2. Konfigurer portvideresendelse til din Android-enhed. For thelocal adressefelt skal du indtaste localhost: efterfulgt af den port, som dinpro .y-server kører på., Kører på port 8000, vil du indtaste localhost:8000. Indtast i feltet enhedsportdet nummer, du vil have din Android-enhed til at lytte til, såsom 3333.

Konfigurer Pro .yindstillinger på din enhed

derefter skal du konfigurere din Android-enhed til at kommunikere Medpro .y-serveren.

  1. På din Android-enhed skal du gå til Indstillinger > Wi-Fi.
  2. Tryk længe på navnet på det netværk, du aktuelt har forbindelse til.Bemærk: Pro .yindstillinger gælder pr.,
  3. tryk på Rediger netværk.
  4. tryk på Avancerede indstillinger. Pro .y-indstillingerne vises.
  5. tryk på Pro .y-menuen, og vælg Manuel.
  6. for feltet Pro .y-værtsnavn skal du indtaste localhost.
  7. for Pro .y-portfeltet skal du indtaste det portnummer, du indtastede forenhedsport i det foregående afsnit.
  8. tryk på Gem.

med disse indstillinger videresender din enhed alle sine anmodninger til Pro .y onyour development machine. Pro .yen fremsætter anmodninger på vegne af din enhed,så anmodninger til dit tilpassede lokale domæne er korrekt løst.,nu kan du få adgang til brugerdefinerede domæner på din Android-enhed Android ligesom youwouldould på udvikling maskine.

Hvis din serverebserver kører ud af en ikke-standard port,skal du huske at angive porten, når du anmoder om indholdet fra din Androiddevice. For eksempel, hvis din web-server ved hjælp af den brugerdefinerede domænechrome.devtools port 7331, når du ser det fra din Androiddevice du skal bruge den URL chrome.devtools:7331.,

Tip: for At genoptage normal browsing, skal du huske at vende tilbage proxy-indstillinger pådin Android-enhed, når du afbryder forbindelsen fra den udvikling maskinen.

Feedback

var denne side nyttig?
Ja
hvad var det bedste ved denne side?
det hjalp mig med at fuldføre mit mål
tak for feedbacken. Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

det havde de oplysninger, jeg havde brug for
tak for feedbacken., Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

det havde nøjagtige oplysninger
tak for feedbacken. Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

det var let at læse
tak for feedbacken. Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

noget andet
tak for din feedback. Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.,

Nej
hvad var det værste ved denne side?
det hjalp mig ikke med at fuldføre mit mål
tak for feedbacken. Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

det manglede oplysninger, jeg havde brug for
tak for feedbacken. Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

det havde unøjagtige oplysninger
tak for feedbacken., Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

det var svært at læse
tak for feedbacken. Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

noget andet
tak for din feedback. Hvis du har specifikke ideer til, hvordan du forbedrer denne side, skal du oprette et problem.

Share

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *