hozzáférés a helyi szerverekhez

Kayce Basques
műszaki író, Chrome DevTools

div id=”5c1a5be934″>

világítótorony

egy tech író

fogadó egy oldalon egy fejlesztési gép webszerver, akkorhozzáadja a tartalmat egy Android készülék.,

USB-kábellel és Chrome DevTools-szal futtathat egy webhelyet egy fejlesztőgépről, majd megtekintheti a webhelyet egy Android-eszközön.

TL; DR

  • Port forwarding lehetővé teszi, hogy megtekinthesse tartalmat a fejlesztő gép webszerver a yourAndroid eszköz.
  • ha a webkiszolgáló egyéni tartományt használ, beállíthatja az Android-eszközt, hogy hozzáférjen az adott tartományhoz az egyéni domain leképezéssel.

port továbbítás beállítása

Port továbbítás lehetővé teszi az Android készülék számára, hogy hozzáférjen a fejlesztőgép webszerverén megjelenő tartalmakhoz., Port forwarding működik bycreating hallgat TCP port az Android készülék, amely térképeket a TCP porton a fejlesztési gép. A portok közötti forgalom az USB-n keresztül haladaz Android készülék és a fejlesztőgép közötti kapcsolat, így a kapcsolat nem függ a hálózati konfigurációtól.

a port továbbítás engedélyezéséhez:

  1. állítsa be a távoli hibakeresést a fejlesztőgép és a yourAndroid eszköz között. Ha elkészült, látnia kell az Android-eszközéta listán.
  2. kattintson a Port továbbítás gombra. localhost:8080 alapértelmezés szerint be van állítva.,
  3. ellenőrizze a port továbbítás engedélyezését. Ha más portokat szeretne beállítani, kövessea 4.és az 5. lépést. Ellenkező esetben ugorjon a 6. lépésre.
  4. a bal oldali Port szövegmezőbe írja be a localhost portszámot aamelyről szeretné elérni a webhelyet az Android készülékén. Ha localhost:5000

> iv id = ” d95a761.,

  • IP cím, port textfield a jobb, adja meg az IP addressor gépnév, amely a webhely fut a fejlesztési gép webszerver, majd a port számát. Ha például a webhelylocalhost:7331 – on fut, akkor a localhost:7331értéket adja meg.
  • kattintson a Kész gombra.
  • Port forwarding most be van állítva. A portforward állapotjelzőjét láthatja a tetején, valamint az eszköz neve mellett.,

    A tartalom megtekintéséhez nyissa meg a Chrome-ot az Android készülékén, majd lépjen aalocalhost port, amelyet az Eszközport mezőben megadott. Forexample, ha a5000 mezőt adta meg a mezőbe, akkor a localhost:5000.

    Map to custom local domains

    Custom domain mapping lehetővé teszi, hogy megtekinthesse a tartalmat egy Android devicefrom egy webszerver a fejlesztő gép, amely egy egyéni domain.,

    például tegyük fel, hogy webhelye harmadik féltől származó JavaScript könyvtárat használhogy csak a chrome.devtoolsallow-listed domainen működik. Tehát létrehoz egy bejegyzést ahosts fájljába, hogy feltérképezze ezt a domaintolocalhost (azaz127.0.0.1 chrome.devtools). A customdomain mapping és port forwarding beállítása után megtekintheti a webhelyétandroid eszközén a chrome.devtoolsURL-en.,

    állítsa be a port továbbítást a proxy kiszolgálóra

    egy egyéni domain leképezéséhez proxykiszolgálót kell futtatnia a developmentmachine-on. A proxykiszolgálók például Károlyi, Kalmár és Hegedűs.

    a port továbbítás proxyra történő beállításához:

    1. futtassa a proxykiszolgálót, majd jegyezze fel a használt portot. Megjegyzés: a Proxy szervernek és a webszervernek különböző portokon kell futnia.
    2. állítsa be a port továbbítását Android készülékére. A helyi Cím mezőbe írja be a localhost: parancsot, majd azt a portot, amelyen a yourproxy szerver fut., Ha például a 8000porton fut,akkor a localhost:8000parancsot adja meg. Az eszközport mezőbe írja beaz a szám, amelyet az Android-eszköz hallgat, például a 3333.

    konfigurálja a proxy beállításait a készüléken

    ezután be kell állítania az Android készüléket, hogy kommunikáljon aproxy szerverrel.

    1. Android készülékén lépjen a Beállítások menübe > Wi-Fi.
    2. Hosszan nyomja meg annak a hálózatnak a nevét, amelyhez jelenleg csatlakozik.Megjegyzés: a Proxybeállítások hálózatonként érvényesek.,
    3. érintse meg a hálózat módosítása elemet.
    4. koppintson a Speciális beállítások elemre. A proxy beállítások megjelenítése.
    5. érintse meg a Proxy menüt, majd válassza a Kézi lehetőséget.
    6. a proxy hostname mezőbe írja be a localhostparancsot.
    7. a Proxy port mezőbe írja be a fordevice portot az előző szakaszban megadott portszámot.
    8. érintse meg a Mentés elemet.

    ezekkel a beállításokkal a készülék minden kérését továbbítja a proxynaka fejlesztőgépén. A proxy kéréseket tesz az eszköz nevében, így a testreszabott helyi domainre vonatkozó kérések megfelelően megoldódnak.,

    most már elérheti az egyedi domaineket az Android-eszközön, ugyanúgy, mint a fejlesztőgépen.

    Ha a webkiszolgáló nem szabványos portról fut le, ne felejtse el megadni a portot, amikor a tartalmat az Androiddevice-től kéri. Ha például a webkiszolgáló achrome.devtools egyéni tartományt használja a 7331 porton, amikor az Androiddevice webhelyét megtekinti, akkor a chrome.devtools:7331URL-t kell használnia.,

    tipp: a normál böngészés folytatásához ne felejtse el visszaállítani a proxy beállításait az Android készülékén, miután leválasztotta a fejlesztői gépet.

    visszajelzés

    hasznos volt ez az oldal?
    Igen
    mi volt a legjobb dolog ezen az oldalon?
    ez segített befejezni a cél(ok)
    köszönöm a visszajelzést. Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    ez volt a szükséges információkat
    Köszönjük a visszajelzést., Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    pontos információkkal rendelkezett
    Köszönjük a visszajelzést. Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    könnyű volt olvasni
    Köszönjük a visszajelzést. Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    valami más
    Köszönjük a visszajelzést. Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.,

    nem
    mi volt a legrosszabb az oldalon?
    ez nem segített befejezni a cél(ok)
    Köszönjük a visszajelzést. Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    hiányzott az információ, amire szükségem volt
    Köszönjük a visszajelzést. Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    pontatlan információ volt
    Köszönjük a visszajelzést., Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    nehéz volt olvasni
    Köszönjük a visszajelzést. Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    valami más
    Köszönjük a visszajelzést. Ha konkrét elképzelései vannak az oldal javításáról, kérjük, hozzon létre egy problémát.

    Share

    Vélemény, hozzászólás?

    Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük