Găzdui un site pe o mașină dezvoltare web server, thenaccess conținutul de la un dispozitiv Android.,cu un cablu USB și Chrome DevTools, puteți rula un site de la un developmentmachine și apoi vizualizați site-ul pe un dispozitiv Android.
TL;DR
- port forwarding vă permite să vizualizați conținut de pe serverul web al mașinii dvs. de dezvoltare pe dispozitivul yourAndroid.
- dacă serverul dvs. web utilizează un domeniu personalizat, Puteți configura dispozitivul Android pentru a accesa conținutul domeniului respectiv cu maparea domeniului personalizat.
Configurarea port forwarding
port forwarding permite dispozitivului Android pentru a accesa conținutul care este beinghosted pe serverul web al mașinii de dezvoltare., Redirecționarea porturilor funcționează princrearea unui port TCP de ascultare pe dispozitivul Android care mapează la un port TCP pe mașina dvs. de dezvoltare. Traficul între porturile de călătorie prin Usbconexiunea dintre dispozitivul Android și mașină de dezvoltare, sothe conexiunea nu depinde de configurația rețelei.
pentru a activa redirecționarea porturilor:
- configurați depanarea la distanță între mașina dvs. de dezvoltare și dispozitivul yourAndroid. Când ați terminat, ar trebui să vedeți dispozitivul Android înlista.
- Faceți clic pe butonul port forwarding.
localhost:8080
este configurat în mod implicit., - verificați activați redirecționarea porturilor. Dacă doriți să configurați alte porturi, urmațipașii 4 și 5. În caz contrar, treceți la Pasul 6.
- în câmpul de text Port din stânga, introduceți
localhost
numărul portului de lacare doriți să puteți accesa site-ul pe dispozitivul dvs. De exemplu, dacă ai vrut pentru a accesa site-ul de lalocalhost:5000
te wouldenter5000
., - în câmpul de text al adresei IP și al portului din dreapta, introduceți numele de gazdă ADDRESSOR IP pe care site-ul dvs. rulează pe serverul web al mașinii dvs. de dezvoltare, urmat de numărul portului. De exemplu, dacă site-ul dvs. rulează pe
localhost:7331
ați introducelocalhost:7331
. - Faceți clic pe Done.
port forwarding este acum configurat. Puteți vedea un indicator de stare al portforward în partea de sus, precum și pe lângă numele dispozitivului.,
Pentru a vizualiza conținutul, deschide Chrome pe dispozitivul Android și du-te la localhost
port care ați specificat-o în portul Dispozitivului de câmp. Forexample, dacă ați introdus 5000
în câmp, atunci veți merge lalocalhost:5000
.maparea personalizată a domeniului vă permite să vizualizați conținut pe un dispozitiv Android de pe un server web de pe mașina dvs. de dezvoltare care utilizează un domeniu personalizat.,
De exemplu, să presupunem că site-ul folosește un terț JavaScript librarythat funcționează numai pe permiteți-enumerate de domeniu chrome.devtools
. Deci, creao intrarea în hosts
fișier de pe mașină dezvoltare pentru harta asta domainto localhost
(adică 127.0.0.1 chrome.devtools
). După configurarea customdomain mapping și port forwarding, veți putea vizualiza site-ul pe dispozitivul yourAndroid la adresa URL chrome.devtools
.,
configurați redirecționarea porturilor către serverul proxy
pentru a mapa un domeniu personalizat, trebuie să rulați un server proxy pe developmentmachine. Exemple de servere proxy sunt Charles, Squid și Fiddler.
pentru a configura redirecționarea porturilor către un proxy:
- rulați serverul proxy și notați portul pe care îl utilizează. Notă: serverul Theproxy și serverul dvs. web trebuie să ruleze pe porturi diferite.
- configurați redirecționarea porturilor către dispozitivul dvs. Pentru câmpul adresă locală, introduceți
localhost:
urmat de portul pe care rulează serverul yourproxy., De exemplu,dacă rulează pe portul8000
, atunci veți introducelocalhost:8000
. În câmpul Port dispozitiv introduceți numărul pe care doriți ca dispozitivul Android să îl asculte, cum ar fi3333
.
configurați setările proxy pe dispozitiv
apoi, trebuie să configurați dispozitivul Android pentru a comunica cu serverul proxy.pe dispozitivul Android Accesați Setări > Wi-Fi.
localhost
. dacă serverul dvs. de web rulează de pe un port non-standard,nu uitați să specificați portul atunci când solicitați conținutul de pe Androiddevice. De exemplu, dacă serverul dvs. de web este utilizarea de domeniu particularizatchrome.devtools
pe port 7331
, atunci când vizualizați site-ul de la Androiddispozitiv ar trebui să fie folosind URL-ul chrome.devtools:7331
.,
sfat: pentru a relua navigarea normală, nu uitați să reveniți la setările proxy de pe dispozitivul Android după ce vă deconectați de la aparatul de dezvoltare.