Přístup k Místním Serverům

Kayce Baskové
Technické Spisovatel, Chrome DevTools & Majáku

Meggin Kearney
Meggin je Tech Spisovatel

Hostit stránky na vývoj stroje, webový server, thenaccess obsah z Android zařízení.,

pomocí kabelu USB a Chrome DevTools můžete spustit web z vývojemstroj a poté zobrazit web na zařízení Android.

TL;DR

  • port forwarding Umožňuje zobrazit obsah z webového serveru vašeho vývojového stroje na vašem zařízení.
  • Pokud váš webový server používá vlastní doménu, můžete nastavit zařízení Android tak, aby přistupovalo k dané doméně pomocí vlastního mapování domény.

Nastavení přesměrování portů

přesměrování portů umožňuje vašemu zařízení Android přístup k obsahu, který je spuštěn na webovém serveru vašeho vývojového stroje., Přesměrování portů pracujevytvoření portu poslech TCP na vašem zařízení Android, který mapuje na port TCP na vašem vývojovém stroji. Provoz mezi porty cestuje přes Usbpřipojení mezi zařízením Android a vývojovým strojem, takžepřipojení nezávisí na konfiguraci sítě.

Chcete-li povolit přesměrování portů:

  1. Nastavte vzdálené ladění mezi vývojovým strojem a zařízením yourAndroid. Až budete hotovi, měli byste vidět zařízení Android vseznam.
  2. klikněte na tlačítko přesměrování portů. localhost:8080 je nastaven ve výchozím nastavení.,
  3. zkontrolujte povolit přesměrování portů. Pokud chcete nastavit další porty, následujteakce 4 a 5. V opačném případě přeskočte na Krok 6.
  4. V Přístavu textového pole na levé straně, zadejte localhost číslo portu, ze kterého chcete mít možnost k přístupu na stránky na vašem zařízení se systémem Android. Forexample, pokud jste chtěli přistupovat k webu z localhost:5000, měli byste 5000.,
  5. do textového pole IP adresy a portu vpravo zadejte název hostitele IP addressor, na kterém je váš web spuštěn na webovém serveru vašeho vývojového stroje, následovaný číslem portu. Například pokud váš web běží nalocalhost:7331 zadáte localhost:7331.
  6. klikněte na Hotovo.

přesměrování portů je nyní nastaveno. Můžete vidět stavový indikátor portupředem nahoře i vedle názvu zařízení.,

Chcete-li zobrazit obsah, otevřít up Chrome na vašem zařízení Android, a jít do localhost port, který jste zadali v Zařízení port pole. Forexample, pokud jste do pole zadali 5000, přejděte nalocalhost:5000.

mapovat na vlastní lokální domény

mapování vlastní domény umožňuje zobrazit obsah v zařízení Android z webového serveru na vašem vývojovém stroji, který používá vlastní doménu.,

například předpokládejme, že váš web používá knihovnu JavaScriptu třetí strany, která funguje pouze na povolené doméně chrome.devtools. Takže, createan položka v hosts soubor na vašem vývojovém počítači mapovat tuto doménu, tak localhost (např. 127.0.0.1 chrome.devtools). Po nastavení mapování customdomain a přesměrování portů budete moci zobrazit web v zařízení yourAndroid na adrese URL chrome.devtools.,

nastavte přesměrování portů na proxy server

Chcete-li zmapovat vlastní doménu, musíte na svém vývojovém stroji spustit proxy server. Příklady proxy serverů jsou Charles, Squid a Fiddler.

pro nastavení přesměrování portů na proxy:

  1. spusťte proxy server a poznamenejte si port, který používá. Poznámka: Theproxy server a váš webový server musí běžet na různých portech.
  2. Nastavte přesměrování portů do zařízení Android. Do pole místní Adresa zadejte localhost: následovaný portem, na kterém běží server yourproxy., Pokud například běží na portu 8000, zadejte localhost:8000. Do pole port zařízení zadejtečíslo, které chcete zařízení Android poslouchat, například 3333.

nakonfigurujte nastavení proxy na vašem zařízení

Dále musíte nakonfigurovat zařízení Android pro komunikaci se serveremproxy.

  1. v zařízení Android přejděte na Nastavení > Wi-Fi.
  2. dlouze stiskněte název sítě, ke které jste aktuálně připojeni.Poznámka: nastavení Proxy platí pro síť.,
  3. klepněte na Upravit síť.
  4. klepněte na Pokročilé možnosti. Zobrazí se nastavení proxy.
  5. klepněte na nabídku Proxy a vyberte manuál.
  6. pro pole proxy hostname zadejte localhost.
  7. pro pole portu Proxy zadejte číslo portu, které jste zadali port fordevice v předchozí části.
  8. klepněte na Uložit.

s těmito nastaveními vaše zařízení předá všechny své požadavky na proxy onyour development machine. Proxy dělá požadavky jménem vašeho zařízení, takže požadavky na vaši přizpůsobenou místní doménu jsou řádně vyřešeny.,

nyní můžete přistupovat k vlastním doménám v zařízení Android stejně jako youwould na vývojovém stroji.

Pokud váš webový server běží mimo nestandardní port, nezapomeňte zadat port při požadavku na obsah z Androiddevice. Například, pokud váš webový server používá vlastní doménychrome.devtools na portu 7331, při zobrazení stránky z vašeho Androiddevice, měli byste být pomocí URL chrome.devtools:7331.,

Tip: Chcete-li obnovit normální prohlížení, nezapomeňte po odpojení od vývojového stroje vrátit nastavení proxy na vašem zařízení Android.

zpětná vazba

byla tato stránka užitečná?
Ano
jaká byla nejlepší věc na této stránce?
pomohlo mi to dokončit můj cíl
děkuji za zpětnou vazbu. Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

měl informace, které jsem potřeboval
děkuji za zpětnou vazbu., Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

měl přesné informace
děkuji za zpětnou vazbu. Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

bylo snadné číst
děkuji za zpětnou vazbu. Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

něco jiného
děkuji za zpětnou vazbu. Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.,

No
co bylo na této stránce nejhorší?
nepomohlo mi dokončit můj cíl
děkuji za zpětnou vazbu. Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

chyběly informace, které jsem potřeboval
děkuji za zpětnou vazbu. Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

měl nepřesné informace
děkuji za zpětnou vazbu., Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

bylo těžké číst
děkuji za zpětnou vazbu. Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

něco jiného
děkuji za zpětnou vazbu. Pokud máte konkrétní nápady, jak tuto stránku vylepšit, vytvořte problém.

Share

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *