Używanie serwera proxy deweloperskiego z przeglądarką

Na pierwszy rzut oka
Celem: Dołączenie serwera proxy deweloperskiego do instancji przeglądarki bez zmiany ustawień serwera proxy systemu
Czas: 5 minut
Wtyczki: Brak
Wymagania wstępne:konfigurowanie serwera proxy deweloperskiego

Domyślnie Dev Proxy rejestruje się jako systemowy serwer proxy, który przekierowuje cały ruch sieciowy przez serwer proxy. Chociaż takie podejście działa w przypadku większości scenariuszy, czasami chcesz przechwycić tylko ruch z określonego wystąpienia przeglądarki, zachowując przy tym inne aplikacje bez wpływu.

Dlaczego warto używać serwera proxy specyficznego dla przeglądarki?

Łączenie serwera proxy deweloperskiego bezpośrednio z instancją przeglądarki ma kilka korzyści:

  • Izolacja: tylko określone wystąpienie przeglądarki używa serwera proxy, pozostawiając inne aplikacje i przeglądarki bez wpływu
  • Brak zmian systemowych: nie trzeba modyfikować ustawień serwera proxy systemu
  • Testowanie równoległe: uruchamianie wielu wystąpień przeglądarki z różnymi konfiguracjami serwera proxy
  • Czystszy ruch: wyświetlanie tylko żądań z przeglądarki, które testujesz, a nie ruchu systemu w tle

Wymagania wstępne

Przed rozpoczęciem skonfiguruj serwer proxy deweloperów, aby nie rejestrował się jako serwer proxy systemu. W pliku devproxyrc.json ustaw:

{
  "asSystemProxy": false
}

Możesz też uruchomić Dev Proxy za pomocą opcji wiersza poleceń --as-system-proxy false.

Google Chrome

Przeglądarka Google Chrome obsługuje konfigurację serwera proxy za pomocą flag wiersza polecenia. Aby uruchomić przeglądarkę Chrome z proxy deweloperskim:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --proxy-server="http://127.0.0.1:8000"

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --proxy-server="http://127.0.0.1:8000"

google-chrome --proxy-server="http://127.0.0.1:8000"

Wskazówka

Użyj oddzielnego profilu użytkownika, aby uniknąć wpływu na dane przeglądarki głównej. Dodaj flagę, --user-data-dir aby określić inny katalog profilu:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --proxy-server="http://127.0.0.1:8000" --user-data-dir="%TEMP%\chrome-dev-proxy"

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --proxy-server="http://127.0.0.1:8000" --user-data-dir="/tmp/chrome-dev-proxy"

google-chrome --proxy-server="http://127.0.0.1:8000" --user-data-dir="/tmp/chrome-dev-proxy"

Ważna

Zamknij wszystkie istniejące instancje Chrome przed uruchomieniem Chrome z flagą serwera proxy. W przeciwnym razie nowa instancja dołącza do istniejącego procesu Chrome i ignoruje ustawienia serwera proxy.

Microsoft Edge

Przeglądarka Microsoft Edge nie obsługuje flagi --proxy-server wiersza polecenia. Mimo że przeglądarka Microsoft Edge jest oparta na chromium, firma Microsoft nie uwidacznia tej funkcji.

Aby używać serwera proxy dev w przeglądarce Microsoft Edge, należy użyć ustawień serwera proxy systemu. Skonfiguruj serwer proxy deweloperski jako serwer proxy systemu, zachowując asSystemProxy ustawienie na wartości domyślnej true, lub pomijając to w konfiguracji.

Mozilla Firefox

Przeglądarka Firefox nie obsługuje konfiguracji serwera proxy za pomocą flag wiersza polecenia, ale można ją skonfigurować ręcznie za pomocą ustawień przeglądarki.

Aby skonfigurować przeglądarkę Firefox do korzystania z serwera proxy deweloperskiego:

  1. Otwórz przeglądarkę Firefox
  2. Przejdź do Ustawienia>Ogólne>Ustawienia sieci>ustawienia...
  3. Wybieranie ręcznej konfiguracji serwera proxy
  4. Ustaw serwer proxy HTTP na 127.0.0.1 i port na 8000
  5. Zaznacz użycie tego serwera proxy również dla HTTPS
  6. Wybierz OK

Wskazówka

Utwórz oddzielny profil przeglądarki Firefox na potrzeby testowania za pomocą serwera proxy deweloperskiego. Dzięki temu można zachować stały profil przeglądania bez zmian. Aby utworzyć nowy profil, uruchom firefox -P i utwórz nowy profil przeznaczony do testowania usługi Dev Proxy.

Zaufaj certyfikatowi proxy deweloperskiemu

Po pierwszym uruchomieniu Dev Proxy instaluje i ufa certyfikatowi głównemu, aby odszyfrować ruch HTTPS. Jeśli używasz oddzielnego profilu przeglądarki lub jeśli przeglądarka nie korzysta z magazynu certyfikatów systemowych, może być konieczne ręczne zaufanie certyfikatowi.

Chrome i Microsoft Edge

Przeglądarka Chrome i Microsoft Edge używają magazynu certyfikatów systemu operacyjnego. Jeśli masz już uruchomiony serwer proxy deweloperów i ufasz certyfikatowi podczas pierwszego uruchomienia, przeglądarka Chrome i przeglądarka Microsoft Edge automatycznie ufają mu.

Firefox

Firefox używa własnego magazynu certyfikatów. Aby zaufać certyfikatowi Dev Proxy w przeglądarce Firefox:

  1. Otwórz przeglądarkę Firefox
  2. Przejdź do pozycji Ustawienia>Prywatność i certyfikaty zabezpieczeń> Wyświetlcertyfikaty>...
  3. Wybierz kartę Władze
  4. Wybierz Importuj...
  5. Przejdź do certyfikatu serwera proxy deweloperów:
    • Lokalizacja: %USERPROFILE%\.config\dev-proxy\rootCert.pfx
    • Lokalizacja: ~/.config/dev-proxy/rootCert.pfx
    • Lokalizacja: ~/.config/dev-proxy/rootCert.pfx
  6. Zaznacz Zaufaj temu urzędowi certyfikacji do identyfikowania stron internetowych
  7. Wybierz OK

Uwaga / Notatka

Hasło certyfikatu jest puste. Po wyświetleniu monitu pozostaw pole hasła puste.

Zobacz także

  • Last updated on