Freigeben über

Verwenden von Dev Proxy mit einem Browser

Auf einen Blick
Ziel: Anfügen von Dev Proxy an eine Browserinstanz ohne Ändern der Systemproxyeinstellungen
Zeit: 5 Minuten
Plugins: Nichts
Voraussetzungen:Einrichten des Dev-Proxys

Standardmäßig registriert sich Dev Proxy als Systemproxy, der den gesamten Netzwerkdatenverkehr über den Proxy leitet. Dieser Ansatz funktioniert zwar für die meisten Szenarien, manchmal möchten Sie jedoch nur Datenverkehr von einer bestimmten Browserinstanz abfangen, während andere Anwendungen nicht betroffen bleiben.

Gründe für die Verwendung eines browserspezifischen Proxys

Das direkte Anfügen von Dev Proxy an eine Browserinstanz hat mehrere Vorteile:

  • Isolation: Nur die spezifische Browserinstanz verwendet den Proxy, sodass andere Apps und Browser nicht betroffen sind
  • Keine Systemänderungen: Sie müssen keine Systemproxyeinstellungen ändern.
  • Parallele Tests: Ausführen mehrerer Browserinstanzen mit unterschiedlichen Proxykonfigurationen
  • Übersichtlicherer Datenverkehr: Sehen Sie nur die Anforderungen des Browsers, den Sie testen, nicht den Datenverkehr im Hintergrundsystem.

Voraussetzungen

Bevor Sie beginnen, konfigurieren Sie Dev Proxy so, dass er nicht als Systemproxy registriert wird. Legen Sie in Ihrer devproxyrc.json Datei Folgendes fest:

{
  "asSystemProxy": false
}

Oder starten Sie Dev Proxy mit der --as-system-proxy false Befehlszeilenoption.

Google Chrome

Google Chrome unterstützt die Proxykonfiguration über Befehlszeilenkennzeichnungen. So starten Sie Chrome mit 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"

Tipp

Verwenden Sie ein separates Benutzerprofil, um keine Auswirkungen auf Ihre Hauptbrowserdaten zu haben. Fügen Sie das --user-data-dir Flag hinzu, um ein anderes Profilverzeichnis anzugeben:

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

Von Bedeutung

Schließen Sie alle vorhandenen Chrome-Instanzen, bevor Sie Chrome mit dem Proxy-Flag starten. Andernfalls verknüpft die neue Instanz den vorhandenen Chrome-Prozess und ignoriert die Proxyeinstellungen.

Microsoft Edge

Microsoft Edge unterstützt die --proxy-server Befehlszeilen-Flagge nicht. Obwohl Microsoft Edge auf Chromium basiert, macht Microsoft diese Funktionalität nicht verfügbar.

Um Dev Proxy mit Microsoft Edge zu verwenden, müssen Sie die Systemproxyeinstellungen verwenden. Konfigurieren Sie Dev Proxy als Systemproxy, indem Sie die asSystemProxy Einstellung auf ihrem Standardwert truebeibehalten oder aus Ihrer Konfiguration weglassen.

Mozilla Firefox

Firefox unterstützt keine Proxykonfiguration über Befehlszeilenkennzeichnungen, aber Sie können sie manuell über die Browsereinstellungen konfigurieren.

So konfigurieren Sie Firefox für die Verwendung von Dev Proxy:

  1. Firefox öffnen
  2. Wechseln Sie zu ">Einstellungen Allgemeine>Netzwerkeinstellungen">...
  3. Manuelle Proxykonfiguration auswählen
  4. HTTP-Proxy auf 127.0.0.1 und Port auf 8000 einstellen
  5. Überprüfen Sie auch diesen Proxy für HTTPS
  6. Wählen Sie OK aus.

Tipp

Erstellen Sie ein separates Firefox-Profil zum Testen mit Dev Proxy. Auf diese Weise können Sie Ihr normales Browserprofil unverändert lassen. Um ein neues Profil zu erstellen, führen Sie firefox -P aus und erstellen Sie ein neues Profil, das speziell für Dev-Proxytests vorgesehen ist.

Vertrauen Sie dem Dev Proxy-Zertifikat

Wenn Sie Dev Proxy zum ersten Mal starten, wird ein Stammzertifikat installiert und vertraut, um HTTPS-Datenverkehr zu entschlüsseln. Wenn Sie ein separates Browserprofil verwenden oder der Browser den Systemzertifikatspeicher nicht verwendet, müssen Sie möglicherweise dem Zertifikat manuell vertrauen.

Chrome und Microsoft Edge

Chrome und Microsoft Edge verwenden den Zertifikatspeicher des Betriebssystems. Wenn Sie dev Proxy bereits ausgeführt und das Zertifikat während der ersten Ausführung als vertrauenswürdig eingestuft haben, vertrauen Chrome und Microsoft Edge dem Zertifikat automatisch.

Firefox

Firefox verwendet einen eigenen Zertifikatspeicher. So vertrauen Sie dem Dev Proxy-Zertifikat in Firefox:

  1. Firefox öffnen
  2. Wechseln Sie zu Einstellungen>datenschutz- und>>Anzeigen von Zertifikaten...
  3. Wählen Sie die Registerkarte "Behörden " aus.
  4. Import auswählen...
  5. Navigieren Sie zum Dev-Proxyzertifikat:
    • Ort: %USERPROFILE%\.config\dev-proxy\rootCert.pfx
    • Ort: ~/.config/dev-proxy/rootCert.pfx
    • Ort: ~/.config/dev-proxy/rootCert.pfx
  6. Überprüfen Sie diese Zertifizierungsstelle, um Websites zu identifizieren.
  7. Wählen Sie OK aus.

Hinweis

Das Zertifikatkennwort ist leer. Lassen Sie das Kennwortfeld leer, wenn Sie dazu aufgefordert werden.

Siehe auch

  • Last updated on