Dev Proxy gebruiken met een browser

In één oogopslag
Doel: Dev Proxy koppelen aan een browserexemplaren zonder dat u de proxy-instellingen van het systeem wijzigt
Tijd: 5 minuten
Plugins: Geen
Vereisten:Dev Proxy instellen

Dev Proxy registreert zich standaard als de systeemproxy, waarmee al het netwerkverkeer via de proxy wordt gerouteerd. Hoewel deze methode werkt voor de meeste scenario's, wilt u soms alleen verkeer van een specifiek browserexemplaren onderscheppen terwijl andere toepassingen niet worden beïnvloed.

Waarom een browserspecifieke proxy gebruiken?

Het rechtstreeks koppelen van Dev Proxy aan een browserexemplaren heeft verschillende voordelen:

  • Isolatie: Alleen het specifieke browserexemplaren maakt gebruik van de proxy, waardoor andere apps en browsers niet worden beïnvloed
  • Geen systeemwijzigingen: u hoeft geen systeemproxy-instellingen te wijzigen
  • Parallelle tests: meerdere browserexemplaren uitvoeren met verschillende proxyconfiguraties
  • Schoner verkeer: bekijk alleen de aanvragen van de browser die u test, niet het achtergrondsysteemverkeer

Vereiste voorwaarden

Voordat u begint, configureert u Dev Proxy zodanig dat deze niet als de systeemproxy wordt geregistreerd. Stel in het devproxyrc.json bestand het volgende in:

{
  "asSystemProxy": false
}

Of start Dev Proxy met de --as-system-proxy false opdrachtregeloptie.

Google Chrome

Google Chrome ondersteunt proxyconfiguratie via opdrachtregelvlagmen. Chrome starten met Dev Proxy:

"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"

Aanbeveling

Gebruik een afzonderlijk gebruikersprofiel om te voorkomen dat dit van invloed is op uw hoofdbrowsergegevens. Voeg de --user-data-dir vlag toe om een andere profielmap op te geven:

"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"

Belangrijk

Sluit alle bestaande Chrome-exemplaren voordat u Chrome start met de proxyvlag. Anders wordt het nieuwe exemplaar samengevoegd met het bestaande Chrome-proces en worden de proxy-instellingen genegeerd.

Microsoft Edge

Microsoft Edge biedt geen ondersteuning voor de --proxy-server opdrachtregelvlag. Hoewel Microsoft Edge is gebaseerd op Chromium, maakt Microsoft deze functionaliteit niet beschikbaar.

Als u Dev Proxy wilt gebruiken met Microsoft Edge, moet u de systeemproxy-instellingen gebruiken. Configureer Dev Proxy als uw systeemproxy door de instelling op de asSystemProxy standaardwaarde te houden of trueweg te laten uit uw configuratie.

Mozilla Firefox

Firefox biedt geen ondersteuning voor proxyconfiguratie via opdrachtregelvlagmen, maar u kunt deze handmatig configureren via de browserinstellingen.

Firefox configureren voor het gebruik van Dev Proxy:

  1. Firefox openen
  2. Ga naar Instellingen>algemene>netwerkinstellingen>...
  3. Handmatige proxyconfiguratie selecteren
  4. HTTP-proxy instellen op 127.0.0.1 en poort op8000
  5. Controleer ook of u deze proxy gebruikt voor HTTPS
  6. Kies OK.

Aanbeveling

Maak een afzonderlijk Firefox-profiel voor testen met Dev Proxy. Op deze manier kunt u uw normale browseprofiel ongewijzigd houden. Als u een nieuw profiel wilt maken, voert u firefox -P uit en maakt u een profiel dat specifiek is voor het testen van Dev Proxy.

Het Dev Proxy-certificaat vertrouwen

Wanneer u Dev Proxy voor het eerst start, wordt een basiscertificaat geïnstalleerd en vertrouwd om HTTPS-verkeer te ontsleutelen. Als u een afzonderlijk browserprofiel gebruikt of als de browser het systeemcertificaatarchief niet gebruikt, moet u het certificaat mogelijk handmatig vertrouwen.

Chrome en Microsoft Edge

Chrome en Microsoft Edge maken gebruik van het certificaatarchief van het besturingssysteem. Als u Dev Proxy al hebt uitgevoerd en het certificaat hebt vertrouwd tijdens de eerste uitvoering, vertrouwen Chrome en Microsoft Edge het automatisch.

Firefox

Firefox maakt gebruik van een eigen certificaatarchief. Het Dev Proxy-certificaat vertrouwen in Firefox:

  1. Firefox openen
  2. Ga naar Instellingen>voor privacy- en beveiligingscertificaten>>om certificaten weer te geven...
  3. Het tabblad Bevoegdheden selecteren
  4. Importeren selecteren...
  5. Navigeer naar het Dev Proxy-certificaat:
    • Locatie: %USERPROFILE%\.config\dev-proxy\rootCert.pfx
    • Locatie: ~/.config/dev-proxy/rootCert.pfx
    • Locatie: ~/.config/dev-proxy/rootCert.pfx
  6. Vink Vertrouw deze CA om websites te identificeren aan
  7. Kies OK.

Opmerking

Het certificaatwachtwoord is leeg. Laat het wachtwoordveld leeg wanneer u hierom wordt gevraagd.

Zie ook

  • Last updated on