Acces la Serverele Locale

De Kayce Basci
Scriitor Tehnic, Chrome DevTools & Far

De Meggin Kearney
Meggin este o Tehnologie Scriitor

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:

  1. 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.
  2. Faceți clic pe butonul port forwarding. localhost:8080 este configurat în mod implicit.,
  3. 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.
  4. î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 la localhost:5000 te wouldenter 5000.,
  5. î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ă pelocalhost:7331 ați introduce localhost:7331.
  6. 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:

  1. 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.
  2. 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 portul 8000, atunci veți introduce localhost:8000. În câmpul Port dispozitiv introduceți numărul pe care doriți ca dispozitivul Android să îl asculte, cum ar fi 3333.

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.

  • Apăsați lung numele rețelei la care sunteți conectat în prezent.Notă: setările Proxy se aplică pe rețea.,
  • atingeți Modificare rețea.
  • apăsați Opțiuni avansate. Se afișează setările proxy.
  • atingeți meniul Proxy și selectați Manual.
  • pentru câmpul Proxy hostname, introduceți localhost.
  • pentru câmpul Proxy port, introduceți numărul portului pe care l-ați introdus în fordevice port în secțiunea anterioară.
  • atingeți Salvare.cu aceste setări, dispozitivul transmite toate solicitările sale către proxy-ul onyour development machine. Proxy-ul face cereri în numele dispozitivului dvs.,astfel încât cererile către domeniul local personalizat sunt rezolvate în mod corespunzător.,acum Puteți accesa domenii personalizate pe dispozitivul dvs.

    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.

    Feedback

    a fost această pagină utilă?
    Da
    care a fost cel mai bun lucru despre această pagină?
    M-A ajutat să-mi finalizez obiectivele
    Vă mulțumim pentru feedback. Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

    avea informațiile de care aveam nevoie
    Vă mulțumim pentru feedback., Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

    a avut informații exacte
    Vă mulțumim pentru feedback. Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

    a fost ușor de citit
    Vă mulțumim pentru feedback. Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

    altceva
    Vă mulțumim pentru feedback. Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.,

    nu
    care a fost cel mai rău lucru despre această pagină?
    nu m-a ajutat să-mi finalizez obiectivele
    Vă mulțumim pentru feedback. Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

    lipseau informațiile de care aveam nevoie
    Vă mulțumim pentru feedback. Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

    a avut informații inexacte
    Vă mulțumim pentru feedback., Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

    a fost greu de citit
    Vă mulțumim pentru feedback. Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

    altceva
    Vă mulțumim pentru feedback. Dacă aveți idei specifice despre cum să îmbunătățiți această pagină, vă rugăm să creați o problemă.

  • Share

    Lasă un răspuns

    Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *