Uso del proxy de desarrollo con un explorador

De un vistazo
Objetivo: Conectar el proxy de desarrollo a una instancia del navegador sin cambiar la configuración del proxy del sistema
Tiempo: 5 minutos
Complementos: Ninguno
Requisitos previos:Configuración del proxy de desarrollo

De forma predeterminada, Dev Proxy se registra como el proxy del sistema, que enruta todo el tráfico de red a través del proxy. Aunque este enfoque funciona para la mayoría de los escenarios, a veces quiere interceptar solo el tráfico de una instancia de explorador específica mientras mantiene otras aplicaciones sin verse afectadas.

¿Por qué usar un proxy específico del explorador?

La asociación del proxy de desarrollo directamente a una instancia del explorador tiene varias ventajas:

  • Aislamiento: solo la instancia específica del explorador usa el proxy, lo que deja que otras aplicaciones y exploradores no se vean afectados
  • Sin cambios en el sistema: no es necesario modificar la configuración del proxy del sistema
  • Pruebas paralelas: ejecución de varias instancias del explorador con distintas configuraciones de proxy
  • Tráfico más limpio: vea solo las solicitudes del explorador que está probando, no el tráfico del sistema en segundo plano.

Prerrequisitos

Antes de empezar, configure Dev Proxy para que no se registre como proxy del sistema. En el archivo devproxyrc.json, establezca:

{
  "asSystemProxy": false
}

O bien, inicie Dev Proxy con la --as-system-proxy false opción de línea de comandos.

Google Chrome

Google Chrome admite la configuración de proxy a través de marcas de línea de comandos. Para iniciar Chrome con proxy de desarrollo:

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

Sugerencia

Use un perfil de usuario independiente para evitar que afecte a los datos principales del explorador. Agregue la --user-data-dir marca para especificar un directorio de perfil diferente:

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

Importante

Cierre todas las instancias de Chrome existentes antes de iniciar Chrome con la marca de proxy. De lo contrario, la nueva instancia se une al proceso de Chrome existente y omite la configuración del proxy.

Microsoft Edge

Microsoft Edge no admite la --proxy-server marca de línea de comandos. Aunque Microsoft Edge se basa en Chromium, Microsoft no expone esta funcionalidad.

Para usar Dev Proxy con Microsoft Edge, debe usar la configuración del proxy del sistema. Configure el proxy de desarrollo como proxy del sistema manteniendo la asSystemProxy configuración en su valor predeterminado de true o omitiéndolo de la configuración.

Mozilla Firefox

Firefox no admite la configuración de proxy a través de marcas de línea de comandos, pero puede configurarla manualmente a través de la configuración del explorador.

Para configurar Firefox para usar el proxy de desarrollo:

  1. Abrir Firefox
  2. Vaya a Configuración>General>Configuración de red>...
  3. Seleccione Configuración manual del proxy.
  4. Establezca el proxy HTTP en 127.0.0.1 y el puerto en 8000
  5. Compruebe también el uso de este proxy para HTTPS.
  6. Seleccione Aceptar.

Sugerencia

Cree un perfil independiente de Firefox para realizar pruebas con el proxy de desarrollo. De este modo, puede mantener el perfil de exploración normal sin cambios. Para crear un nuevo perfil, ejecute firefox -P y cree un perfil dedicado a las pruebas del proxy de desarrollo.

Confiar en el certificado del proxy de desarrollo

Cuando inicia el proxy de desarrollo por primera vez, instala y confía en un certificado raíz para descifrar el tráfico HTTPS. Si usa un perfil de explorador independiente o si el explorador no usa el almacén de certificados del sistema, es posible que tenga que confiar manualmente en el certificado.

Chrome y Microsoft Edge

Chrome y Microsoft Edge usan el almacén de certificados del sistema operativo. Si ya ha ejecutado el proxy de desarrollo y ha confiado en el certificado durante la experiencia de primera ejecución, Chrome y Microsoft Edge confían automáticamente en él.

Firefox

Firefox usa su propio almacén de certificados. Para confiar en el certificado Dev Proxy en Firefox:

  1. Abrir Firefox
  2. Vaya a Configuración>Privacidad y Seguridad>Certificados>Ver certificados...
  3. Seleccione la pestaña Autoridades.
  4. Seleccione Importar...
  5. Vaya al certificado de proxy de desarrollador:
    • Ubicación: %USERPROFILE%\.config\dev-proxy\rootCert.pfx
    • Ubicación: ~/.config/dev-proxy/rootCert.pfx
    • Ubicación: ~/.config/dev-proxy/rootCert.pfx
  6. Compruebe confíe en esta CA para identificar sitios web
  7. Seleccione Aceptar.

Nota:

La contraseña del certificado está vacía. Deje el campo contraseña en blanco cuando se le solicite.

Consulte también

  • Last updated on