Käyttää Paikallisia Palvelimia

Mukaan Kayce Baskit
Tekninen Kirjoittaja, Chrome DevTools & Majakka

Mukaan Meggin Kearney
Meggin on Tech Kirjailija

Isäntä sivuston kehitys kone www-palvelin, thenaccess sisältöä Android-laitteen.,

USB-kaapelilla ja kromi DevTools-laitteella voi ajaa sivustoa kehittäjästä ja katsella sivustoa sitten Android-laitteella.

TL;DR

  • Portin avulla voit tarkastella sisältöä oman kehityksen koneen web-palvelin päälle yourAndroid laite.
  • Jos web-palvelin käyttää mukautetun toimialueen, voit perustaa oman Android-laitteen pääsyn sisällön että toimialueen kanssa oman verkkotunnuksen kartoitus.

perustaa sataman huolinta

porttien avulla Android-laitteen pääsyn sisältöä, joka on beinghosted oman kehityksen koneen web-palvelin., Port forwarding toimii bycreating kuunteleva TCP-portti Android-laitteella, joka kartoittaa TCP porton teidän kehityskone. Liikennettä satamien välillä kulkevat USBconnection välillä Android-laitteen ja kehitys kone, siksi yhteys ei ole riippuvainen verkon kokoonpano.

portinsiirto:

  1. Set up remote debugging between your development machine and yourAndroid device. Kun olet valmis, sinun pitäisi nähdä Android-laitteesi luettelossa.
  2. Napsauta port forwarding-painiketta. localhost:8080 on oletusarvoisesti perustettu.,
  3. Tarkista mahdollistavat porttien huolinnan. Jos haluat perustaa muita satamia, seuraa ohjeita 4 ja 5. Muuten siirry vaiheeseen 6.
  4. Satama-tekstikenttään vasemmalla, kirjoita localhost portin numero nykyistä haluat pystyä käyttää sivuston oman Android-laitteen. Esimerkiksi, jos haluat käyttää sivuston localhost:5000 sinun wouldenter 5000.,
  5. IP-osoite ja portti tekstikenttään oikealla, kirjoita IP-addressor isäntänimi, johon sivusto on käynnissä oman kehityksen koneen palvelimelle, jonka jälkeen portin numero. Esimerkiksi, jos sivustosi on käynnissälocalhost:7331 kirjoita localhost:7331.
  6. klikkaa Valmis.

Port forwarding on nyt perustettu. Voit nähdä tilan indikaattori portforward yläosassa sekä lisäksi laitteen nimi.,

Voit tarkastella sisältöä, avata Chrome Android-laitteen ja mene tothe localhost portti, jonka olet määrittänyt Laitteen portti-kenttään. Esimerkiksi, jos olet syöttänyt 5000 alalla, sitten voit mennälocalhost:5000.

Kartta custom paikalliset verkkotunnukset

Custom domain mapping avulla voit katsella sisältöä Android-devicefrom web-palvelin oman kehityksen koneen, joka käyttää oman verkkotunnuksen.,

oletetaan esimerkiksi, että sivusto käyttää kolmannen osapuolen JavaScript-librarythat toimii vain salli-toimialue chrome.devtools. Joten, sinun createan merkintä hosts tiedosto oman kehityksen koneen kartoittaa tämän domainto localhost (eli 127.0.0.1 chrome.devtools). Perustamisen jälkeen customdomain kartoitus ja port forwarding, voit tarkastella sivuston yourAndroid laite osoitteessa URL chrome.devtools.,

Määritä port forwarding proxy server

kartoittaaksesi mukautetun verkkotunnuksen sinun on suoritettava proxy-palvelin kehittymässäsi. Esimerkkejä välityspalvelimista ovat Charles, Squid ja Fiddler.

perustaa port forwarding välityspalvelimelle:

  1. Suorita välityspalvelin ja huomaa portti, jota se käyttää. Huomautus: proxy-palvelimen ja web-palvelimen on toimittava eri porteissa.
  2. Set up port forwarding to your Android device. Varten paikallisten osoite-kenttään localhost: seuraa portti, joka yourproxy palvelin on käynnissä., Esimerkiksi, jos se on käynnissä portti 8000,niin kirjoita kenttään localhost:8000. Laitteen portti-kenttään syötä numero, jonka haluat oman Android-laitteen kuunnella, kuten 3333.

Määritä välityspalvelimen asetukset laitteellasi

Seuraavaksi, sinun täytyy määrittää Android-laitteesi kommunikoimaan proxy-palvelimen kanssa.

  1. Android laite mene Asetukset > Wi-Fi.
  2. Pitkä-paina nimi-verkkoa, johon olet muodostanut yhteyden.Huomautus: välityspalvelinasetuksia sovelletaan verkkoa kohden.,
  3. napauta Muokkaa verkkoa.
  4. napauta Lisäasetukset. Välityspalvelimen asetusnäyttö.
  5. napauta välityspalvelimen valikkoa ja valitse käsikirja.
  6. Proxy hostname-kenttään localhost.
  7. merkitään Proxy-porttikenttään edellisessä jaksossa fordevicen satamaan syöttämäsi satamanumero.
  8. napauta Tallenna.

näillä asetuksilla laitteesi välittää kaikki pyyntönsä proxy onyour development Machinelle. Välityspalvelin tekee pyyntöjä laitteen puolesta, joten pyynnöt räätälöidylle paikalliselle verkkotunnuksellesi ratkaistaan asianmukaisesti.,

nyt voit käyttää omia verkkotunnuksia Android-laitteellasi Android aivan kuten olisit kehityskoneessa.

Jos web-palvelin on käynnissä pois ei-standardi porttia,muista määrittää portin, kun pyytää sisältöä Androidlaite. Esimerkiksi, jos web-palvelin on käytössä mukautettu toimialuechrome.devtools port 7331, kun tarkastelet sivusto Androidlaite sinun pitäisi käyttää URL-osoite chrome.devtools:7331.,

Vinkki: jatka normaalin selailu, muista palauttaa välityspalvelimen asetukset onyour Android-laitteen, kun olet katkaista kehitystä kone.

Palaute

tämä sivu on hyödyllistä?
– Kyllä.
Mikä oli paras asia tässä sivulla?
– Se auttoi minua saamaan minun tavoite(s)
Kiitos palautteesta. Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

– Se oli tietoa, jota tarvitsin
Kiitos palautteesta., Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

– Se oli tarkka tieto
Kiitos palautteesta. Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

– Se oli helppo lukea
Kiitos palautteesta. Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

Jotain
Kiitos palautteesta. Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.,

Ei
– Mikä oli pahinta tässä sivulla?
Se ei auttanut minua saamaan minun tavoite(s)
Kiitos palautteesta. Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

– Se oli puuttuvia tietoja tarvitsin
Kiitos palautteesta. Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

– Se oli virheellisiä tietoja
Kiitos palautteesta., Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

– Se oli vaikea lukea
Kiitos palautteesta. Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

Jotain
Kiitos palautteesta. Jos sinulla on erityisiä ideoita siitä, miten parantaa tämän sivun, Luo ongelma.

Share

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *