Använda Dev Proxy med SHAREPoint Framework-lösningar (SPFx)

SharePoint Framework (SPFx) är en utvecklingsmodell för att utöka SharePoint, Microsoft Teams, Microsoft Viva och Microsoft 365. När du skapar SPFx-lösningar kan du använda Dev Proxy för att fånga upp webbförfrågningar som görs av din lösning och se hur den hanterar API-fel.

Avlyssna webbbegäranden som görs av DIN SPFx-lösning

SharePoint Framework-lösningar är program på klientsidan som körs i webbläsaren. Innan du startar Dev Proxy måste du konfigurera den för att fånga upp begäranden som görs av DIN SPFx-lösning. Ofta vill du fånga upp begäranden till Microsoft Graph- och SharePoint REST-API:er. Om du använder anpassade API:er vill du även fånga upp begäranden till dem. Du kan definiera url:erna som ska fångas upp i urlsToWatch egenskapen i konfigurationsfilen för Dev Proxy.

{
  // [...] trimmed for brevity
  "urlsToWatch": [
    "https://graph.microsoft.com/*",
    "https://*.sharepoint.com/*"
    // other URLs to watch
  ]
}

När du startar Dev Proxy på datorn fångas webbbegäranden som görs av SPFx-lösningen automatiskt upp och simulerar konfigurerade svar. Du behöver inte ändra DIN SPFx-lösning för att använda Dev Proxy.

Konfigurera Dev Proxy för att inte avlyssna SharePoint Framework-arbetsbenchbegäranden

När du skapar SPFx-lösningar använder du SharePoint Framework-arbetsstationen för att testa dina webbdelar. SharePoint Framework workbench körs i webbläsaren och använder SharePoint-API:er för att läsa in webbdelar. Som standard fångar Dev Proxy upp alla webbbegäranden från webbläsaren, inklusive begäranden som görs av SharePoint Framework-arbetsstationen. Därför kan det hindra dig från att testa dina webbdelar.

För att undvika att Dev Proxy blockerar begäranden som görs av SharePoint Framework-arbetsstationen konfigurerar du Dev Proxy för att inte avlyssna begäranden till webbdels-API:et. I konfigurationsfilen för Dev Proxy exkluderar du API:et genom att uppdatera urlsToWatch egenskapen.

{
  // [...] trimmed for brevity
  "urlsToWatch": [
    "!https://*.sharepoint.com/_api/web/GetClientSideComponents*"
    // other URLs to watch
  ]
}