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:
- Konfigurer fjernfejlfinding mellem din udviklingsmaskine og dinandroid-enhed. Når du er færdig, skal du se din Android-enhed på listen.
- Klik på Port for buttonarding knappen.
localhost:8080
er konfigureret som standard., - Check aktiver port for .arding. Hvis du vil oprette andre porte, skal du følgetrin 4 og 5. Ellers gå videre til trin 6.
- 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 fralocalhost:5000
du ville indtaste5000
., - 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 indtastelocalhost:7331
. - 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:
- 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.
- 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å port8000
, vil du indtastelocalhost:8000
. Indtast i feltet enhedsportdet nummer, du vil have din Android-enhed til at lytte til, såsom3333
.
Konfigurer Pro .yindstillinger på din enhed
derefter skal du konfigurere din Android-enhed til at kommunikere Medpro .y-serveren.
- På din Android-enhed skal du gå til Indstillinger > Wi-Fi.
- Tryk længe på navnet på det netværk, du aktuelt har forbindelse til.Bemærk: Pro .yindstillinger gælder pr.,
- tryk på Rediger netværk.
- tryk på Avancerede indstillinger. Pro .y-indstillingerne vises.
- tryk på Pro .y-menuen, og vælg Manuel.
- for feltet Pro .y-værtsnavn skal du indtaste
localhost
. - for Pro .y-portfeltet skal du indtaste det portnummer, du indtastede forenhedsport i det foregående afsnit.
- 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.