Dostęp do serwerów lokalnych i instancji Chrome za pomocą przekierowania portów

Kayce Basques

Meggin Kearney

Sofia Emelianova

Możesz używać przekierowania portów, aby:

• Case 1 (Zgłoszenie 1). Debuguj kartę otwartą w innym instancji Chrome.
• Zgłoszenie 2. Umieść witrynę na serwerze WWW maszyny do programowania, a następnie uzyskuj dostęp do treści z urządzenia z Androidem przez kabel USB.

W przypadku 2 przekierowanie portów działa przez nasłuchujący port TCP na urządzeniu z Androidem, który jest mapowany na port TCP na komputerze, z którego korzystasz. Ruch między portami odbywa się przez połączenie USB między urządzeniem z Androidem a komputerem do programowania, więc połączenie nie zależy od konfiguracji sieci.

Jeśli Twój serwer WWW używa własnej domeny, możesz skonfigurować urządzenie z Androidem do uzyskiwania dostępu do treści w tej domenie za pomocą mapowania domeny niestandardowej.

Skonfiguruj przekierowanie portów

Wykonaj kolejne czynności zależnie od zgłoszenia.

Przypadek 1. Skonfiguruj przekierowanie portów do innej instancji Chrome

1. Uruchom kolejną instancję Chrome z parametrem --remote-debugging-port=PORT, na przykład:

   macOS

   open -a "Google Chrome" --args --remote-debugging-port=PORT
   

   Windows

   start chrome --remote-debugging-port=PORT
   

   Linux

   google-chrome --remote-debugging-port=PORT
   

2. W instancji Chrome, w której debugujesz dane:

   1. Otwórz pokój chrome://inspect/#devices.
   2. Upewnij się, że Discover sieci docelowe są zaznaczone.
   3. Kliknij Skonfiguruj obok pola wyboru.

   4. W sekcji Ustawienia wykrywania miejsc docelowych wpisz localhost:PORT, zaznacz Włącz przekierowanie portów i kliknij Gotowe.

      

   5. W sekcji Urządzenia pojawi się nowy cel zdalny. Kliknij sprawdź obok karty, którą chcesz debugować.

      

3. Otworzy się nowe okno Narzędzi deweloperskich w trybie urządzenia. Na pasku adresu u góry wpisz adres witryny, którą chcesz debugować.

   

4. Obok paska adresu można przełączać metody wprowadzania.

Przypadek 2. Skonfiguruj przekierowanie portów przez USB na urządzeniu z Androidem

1. Skonfiguruj zdalne debugowanie między maszyną programistyczną a urządzeniem z Androidem. Gdy skończysz, na liście powinno pojawić się Twoje urządzenie z Androidem.

   

2. Upewnij się, że opcja Wykryj urządzenia USB jest zaznaczona.

3. Kliknij Przekierowanie portów obok pola wyboru.

4. W ustawieniach przekierowania portów port localhost:8080 jest skonfigurowany domyślnie. Zaznacz Włącz przekierowanie portów.

   .

5. Jeśli chcesz skonfigurować inne porty, postępuj zgodnie z instrukcjami poniżej. W przeciwnym razie pomiń te kroki i kliknij Gotowe.

6. W polu tekstowym Port po lewej stronie wpisz numer portu, z którego chcesz się przenosić. na Twoim urządzeniu z Androidem. Na przykład, jeśli chcesz wejść na stronę od localhost:5000 wpisz 5000.

7. W polu tekstowym Adres IP i port po prawej stronie wpisz adres IP lub nazwę hosta. działa na serwerze WWW komputera, z którym został podany numer portu. Dla: na przykład jeśli witryna działa w domenie localhost:5000, wpisz localhost:5000.

8. Kliknij Gotowe.

Przekierowanie portów zostało skonfigurowane. U góry widać też wskaźnik stanu gniazda. , a także obok nazwy urządzenia.

Aby wyświetlić treści, otwórz Chrome na urządzeniu z Androidem i przejdź do portu localhost podany w polu Port urządzenia. Jeśli na przykład w polu wpiszesz 5000, to wejdzie na stronę localhost:5000.

Mapowanie na niestandardowe domeny lokalne

Mapowanie domeny niestandardowej pozwala wyświetlać treści z serwera WWW na urządzeniu z Androidem na komputerze programistycznym z własną domeną.

Załóżmy np., że witryna używa zewnętrznej biblioteki JavaScript, która działa tylko na chrome.devtools z listy dozwolonych. Tworzysz wpis w pliku hosts na na komputerze programistycznym, aby zmapować tę domenę na localhost (tj. 127.0.0.1 chrome.devtools). Po po skonfigurowaniu niestandardowego mapowania domeny i przekierowania portów, będziesz mieć możliwość wyświetlania witryny Urządzenie z Androidem pod adresem URL chrome.devtools.

Skonfiguruj przekierowanie portów na serwer proxy

Aby zmapować domenę niestandardową, musisz uruchomić serwer proxy na komputerze, na którym tworzysz aplikacje. Przykłady serwerów proxy serwery to Charles, Squid i Fiddler.

Aby skonfigurować przekierowanie portów na serwer proxy:

1. Uruchom serwer proxy i zanotuj, którego portu używa.

2. Skonfiguruj przekierowanie portów na urządzeniu z Androidem. W polu adres lokalny wpisz localhost: wraz z portem, na którym działa serwer proxy. Na przykład, jeśli to uruchomionych na porcie 8000, wpisz localhost:8000. W polu device port (Port urządzenia) wpisz numer, którego ma słuchać Twoje urządzenie z Androidem, na przykład 3333.

Skonfiguruj ustawienia serwera proxy na urządzeniu

Następnie musisz skonfigurować urządzenie z Androidem, aby komunikowało się z serwerem proxy.

1. Na urządzeniu z Androidem wybierz Ustawienia > Wi-Fi:

2. Przytrzymaj nazwę sieci, z którą masz połączenie.

3. Kliknij Modyfikuj sieć.

4. Kliknij Opcje zaawansowane. Zostaną wyświetlone ustawienia serwera proxy.

5. Kliknij menu Proxy i wybierz Ręcznie.

6. W polu Nazwa hosta serwera proxy wpisz localhost.

7. W polu Port serwera proxy wpisz numer portu podany jako port urządzenia w polu poprzedniej sekcji.

8. Kliknij Zapisz.

Z tymi ustawieniami urządzenie przekazuje wszystkie żądania do serwera proxy w środowisku programistycznym na komputerze. Serwer proxy wysyła żądania w imieniu urządzenia, a więc wysyłane są do spersonalizowanych lokalizacji lokalnych są prawidłowo rozpoznawane.

Na urządzeniu z Androidem możesz teraz uzyskać dostęp do domen niestandardowych i tworzenia aplikacji.

Jeśli Twój serwer WWW korzysta z niestandardowego portu, podaj ten port, żądania treści z urządzenia z Androidem. Jeśli na przykład Twój serwer WWW używa niestandardowego tagu domeny chrome.devtools na porcie 7331, podczas wyświetlania witryny na urządzeniu z Androidem należy używać adresu URL chrome.devtools:7331.