DevToolsPlugin

A Chrome DevToolsban elérhetővé teszi a dev proxyüzeneteket, valamint a lehallgatott kérelmekre és válaszokra vonatkozó információkat. Támogatja a HTTP-kéréseket és az STDIO-kommunikációt is.

Képernyőkép a Microsoft Edge-ről a fejlesztői proxyüzeneteket megjelenítő fejlesztői eszközökkel.

Képernyőkép a Microsoft Edge-ről a Fejlesztői proxy által lehallgatott kéréseket és válaszokat megjelenítő fejlesztői eszközökkel.

Példa konfigurációra

{
  "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v4.0.0/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/v4.0.0/devtoolsplugin.schema.json",
    "preferredBrowser": "Edge"
  }
}

Konfigurációs tulajdonságok

Ingatlan Leírás Alapértelmezett
preferredBrowser Melyik böngészőt kell használni a Dev Tools elindításához. Támogatott értékek: Edge, EdgeDev, Chrome Edge
port Port, amelyen a beépülő modul figyeli a DevTools-kapcsolatokat. 0 véletlenszerűen elérhető portot választ ki. Használjon rögzített portot, amikor közzé kell tennie, például amikor dev proxyt futtat egy tárolóban 0
launchBrowser A böngésző indítása a Dev Tools használatával. Amikor falsea beépülő modul nem indít el böngészőt, és ehelyett naplózza a Dev Tools URL-címét, amelyet a Microsoft Edge vagy a Google Chrome-ban nyit meg. true

Parancssori beállítások

Egyik sem

Remarks

A beépülő modul figyeli a Dev Tools-kapcsolatokat a Dev Proxy által használt IP-címen, amelyet a --ip-address beállítással állított be. Amikor beállítja 0.0.0.0::, a beépülő modul az összes felületen figyel, és a Dev Tools URL-címe erre 127.0.0.1mutat. Az Windows az összes felületen való figyeléshez rendszergazdai jogosultság vagy URL-cím ACL szükséges. Ha a beépülő modul nem tud minden felületen figyelni, akkor az inkább figyel 127.0.0.1 , így csak ugyanabból a gépről csatlakoztathatja a Dev Toolst.

A lehallgatott forgalom védelme érdekében a beépülő modul csak olyan Dev Tools-kapcsolatokat fogad el, amelyek:

  • használja a Dev Proxy által indított vagy naplókban megjelenő URL-címet. Az URL-cím egy véletlenszerű jogkivonatot tartalmaz, amelyet a Dev Proxy minden indításkor létrehoz.
  • a Chrome DevTools előtérrendszeréből származik, vagy devtools://devtoolshttp://localhost:9222http://127.0.0.1:9222.

A beépülő modul elutasítja a többi kapcsolatot, 403 Forbidden és figyelmeztetést naplóz.

A beépülő modul használatához, amikor a Dev Proxy tárolóban, fejlesztői tárolóban vagy GitHub kódtérben fut, állítsa be port egy rögzített portra, állítsa be launchBrowserfalsea , és tegye közzé vagy továbbítja a portot a gépére. További információ: Kérelmek vizsgálata, amikor a dev proxy tárolóban fut.

Ismert problémák

A Fejlesztői eszközök nem nyílnak meg a Microsoft Edge-ben Windows rendszeren

A Dev Proxyt Windows rendszeren használja, és úgy konfigurálja, hogy a Microsoft Edge használatával jelenítse meg a Dev Toolst. A Dev Proxy elindítása után elindítja az ellenőrt, de a Dev Tools nem nyílik meg, vagy üresen nyílik meg.

A probléma megoldása:

  1. A Microsoft Edge megnyitása
  2. Lépjen Beállítások
  3. rendszer és teljesítmény megnyitása
  4. indítási letiltása
  5. Az összes Microsoft Edge-ablak és folyamat bezárása
  6. Fejlesztői proxy indítása

STDIO-támogatás

Ha a DevToolsPlugin parancsot használja, megvizsgálhatja az stdioSTDIN/STDOUT/STDERR kommunikációt a Chrome DevToolsban:

  • Az üzenetek URL-címekkel stdio://command-name jelennek meg
  • A kérések metódusként STDIN jelennek meg
  • A válaszok a következőként STDOUT jelennek meg: (200 állapot) vagy STDERR (500 állapot)
  • Az üzenettörzsek adott esetben JSON-ként vannak formázva
  • Az időzítési információk minden egyes kérés-válaszpárhoz elérhetők

Konfigurációs példa az STDIO-hoz

{
  "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v4.0.0/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/v4.0.0/devtoolsplugin.schema.json",
    "preferredBrowser": "Edge"
  }
}

Majd futtassa:

devproxy stdio npx -y @modelcontextprotocol/server-filesystem

Következő lépés