Inspección de solicitudes y respuestas mediante Chrome DevTools

De forma predeterminada, el proxy de desarrollo muestra sus mensajes en la línea de comandos. Si usa Dev Proxy con una aplicación que emite muchas solicitudes, es difícil encontrar los mensajes que le interesan. Además, es posible que quiera inspeccionar las solicitudes y respuestas interceptadas por el proxy de desarrollo.

Para facilitar la búsqueda de los mensajes que le interesan, use el DevToolsPlugin complemento para mostrar mensajes de Proxy de desarrollo en Chrome DevTools.

DevToolsPlugin expone los mensajes del Proxy de desarrollo y la información sobre las solicitudes y respuestas interceptadas en Chrome DevTools.

Para usar Chrome DevTools con proxy de desarrollo:

1. Abra el archivo devproxyrc.json almacenado en el directorio de instalación del proxy de desarrollo. También puede usar el comando devproxy config open.

2. Habilite el DevToolsPlugin complemento agregando el siguiente fragmento a la plugins matriz:

   {
     "name": "DevToolsPlugin",
     "enabled": true,
     "pluginPath": "~appFolder/plugins/DevProxy.Plugins.dll",
     "configSection": "devTools"
   }
   

3. Agregue la sección y especifique el devTools explorador preferido:

   "devTools": {
     "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v0.29.2/devtoolsplugin.schema.json",
     "preferredBrowser": "Edge"
   }
   

   Sugerencia

   Los valores admitidos son: Edge, EdgeDev, Chrome

4. El archivo completo devproxyrc.json tiene el siguiente aspecto:

   {
     "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v0.29.2/rc.schema.json",
     "plugins": [
       {
         "name": "DevToolsPlugin",
         "enabled": true,
         "pluginPath": "~appFolder/plugins/DevProxy.Plugins.dll",
         "configSection": "devTools"
       }
     ],
     "devTools": {
       "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v0.29.2/devtoolsplugin.schema.json",
       "preferredBrowser": "Edge"
     }
   }
   

5. Guarde el archivo devproxyrc.json e inicie el proxy de desarrollo.