{"id":19958,"date":"2024-03-28T00:04:49","date_gmt":"2024-03-28T07:04:49","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=19958"},"modified":"2024-03-28T00:04:49","modified_gmt":"2024-03-28T07:04:49","slug":"dev-proxy-v0-16-with-simulated-handling-teams-admin-center-notifications-for-microsoft-graph-connectors","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/dev-proxy-v0-16-with-simulated-handling-teams-admin-center-notifications-for-microsoft-graph-connectors\/","title":{"rendered":"Dev Proxy v0.16 with simulated handling Teams Admin Center notifications for Microsoft Graph connectors"},"content":{"rendered":"<p>Focus on developing your app and not on things that won&#8217;t go into production. See how your apps deal with API errors. We&#8217;re excited to share the launch of Dev Proxy v0.16, which has new features that help you create better apps.<\/p>\n<p>In this version:<\/p>\n<ul>\n<li>Simulate Teams Admin Center notifications for Microsoft Graph connectors<\/li>\n<li>Microsoft Graph connectors guidance for Copilot for Microsoft 365<\/li>\n<li>Simulate webhooks<\/li>\n<li>Support for including comments in Dev Proxy config files<\/li>\n<li>Improved UI<\/li>\n<li>&#8230;and more!<\/li>\n<\/ul>\n<h2>Simulate Teams Admin Center notifications for Microsoft Graph connectors<\/h2>\n<p>Microsoft Graph connectors allow you to bring your organizational content to Microsoft 365. This allows you to find your content from one place, no matter where it\u2019s stored. What\u2019s more, it gives Copilot for Microsoft 365 access to the content, so that it can help you get more relevant answers.<\/p>\n<p>When deploying Graph connectors in your organization, you should consider packaging them as Microsoft Teams app. That way, they\u2019ll be deployed to the Teams Admin Center, from which admins can control them in a familiar way. To package a Graph connector as a Teams app, you need to extend it with an API that receives the webhook from Teams Admin Center.<\/p>\n<p>In this release of Dev Proxy, we\u2019re excited to ship the ability for you to simulate the Teams Admin Center notification for enabling and disabling Graph connectors. With the new feature, you can test your code locally end to end: from validating the token, to creating the connection with the ticket from the notification. And you can do all of this locally without deploying anything to Microsoft 365!<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-19959\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-1.png\" alt=\"Code, Dev Proxy simulating the Teams Admin Center notification for Graph connectors and mocking subsequent requests for validating the token and creating the external connection.\" width=\"2202\" height=\"1377\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-1.png 2202w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-1-300x188.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-1-1024x640.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-1-768x480.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-1-1536x961.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-1-2048x1281.png 2048w\" sizes=\"(max-width: 2202px) 100vw, 2202px\" \/><em>Dev Proxy simulating the Teams Admin Center notification for Graph connectors and mocking subsequent requests for validating the token and creating the external connection.<\/em><\/p>\n<p>We not only simulate the Teams Admin Center notification. We also check if your code correctly implements the different steps, like properly responding to the notification request or including the ticket from the notification on the external connection creation request. If we see that one of the required steps is missing or implemented incorrectly, we\u2019ll warn you about it. This way you can find potential issues earlier and deploy your Graph connector with confidence.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"alignnone wp-image-19960\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-2.png\" alt=\"Code, PowerShell. Dev Proxy warning about the lack of ticket on the request to create an external connection after receiving a Teams Admin Center notification\" width=\"2378\" height=\"1324\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-2.png 2378w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-2-300x167.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-2-1024x570.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-2-768x428.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-2-1536x855.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-2-2048x1140.png 2048w\" sizes=\"(max-width: 2378px) 100vw, 2378px\" \/><em>Dev Proxy warning about the lack of ticket on the request to create an external connection after receiving a Teams Admin Center notification<\/em><\/p>\n<p>Learn more about <a href=\"https:\/\/learn.microsoft.com\/microsoft-cloud\/dev\/dev-proxy\/how-to\/mock-teams-admin-center-notification-graph-connectors\">simulating the Teams Admin Center notification for Graph connectors using Dev Proxy<\/a>.<\/p>\n<h2>Microsoft Graph connectors guidance for Copilot for Microsoft 365<\/h2>\n<p>Using Microsoft Graph connectors, you can bring your organizational content to Microsoft 365. The ingested content shows up in several user experiences including Microsoft Search, ContextIQ and of course Copilot for Microsoft 365.<\/p>\n<p>There are <a href=\"https:\/\/learn.microsoft.com\/graph\/connecting-external-content-experiences#microsoft-365-copilot\">several requirements<\/a> that you have to meet for the content you ingest using your Graph connector to show up in Copilot for Microsoft 365.<\/p>\n<p>In this version of Dev Proxy, we\u2019re introducing a new Graph connector guidance plugin, which checks if your external connection is configured properly for use with Copilot for Microsoft 365. We start with validating if your external connection contains the required semantic labels. If it doesn\u2019t, we\u2019ll warn you and tell you which labels are missing.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-19961\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-3.png\" alt=\"Code. Dev Proxy showing an error after detecting a missing semantic label in an external connection schema provisioning request.\" width=\"2164\" height=\"1350\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-3.png 2164w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-3-300x187.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-3-1024x639.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-3-768x479.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-3-1536x958.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-3-2048x1278.png 2048w\" sizes=\"(max-width: 2164px) 100vw, 2164px\" \/><em>Dev Proxy showing an error after detecting a missing semantic label in an external connection schema provisioning request.<\/em><\/p>\n<p>We&#8217;ll be expanding our checks in the future and hope that they\u2019ll help you deploy your Graph connectors with confidence.<\/p>\n<p>Learn more about the new <a href=\"https:\/\/learn.microsoft.com\/microsoft-cloud\/dev\/dev-proxy\/technical-reference\/graphconnectorguidanceplugin\">GraphConnectorGuidancePlugin<\/a>.<\/p>\n<h2>Simulate webhooks<\/h2>\n<p>Many applications these days rely on webhooks. Webhooks are a common way for systems to notify each other of changes.<\/p>\n<p>A common challenge for working with webhooks is simulating the change in the external system that triggers the webhook. In this version of Dev Proxy, we\u2019re introducing the MockRequestPlugin that allows you to send a preconfigured notification to your application with a single key press.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-19962\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-4.png\" alt=\"Code, Dev Proxy simulating a webhook notification request to a local API.\" width=\"2206\" height=\"1385\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-4.png 2206w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-4-300x188.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-4-1024x643.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-4-768x482.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-4-1536x964.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-4-2048x1286.png 2048w\" sizes=\"(max-width: 2206px) 100vw, 2206px\" \/><em>Dev Proxy simulating a webhook notification request to a local API.<\/em><\/p>\n<p>By itself, the MockRequestPlugin is a convenient method to send webhook notifications to your app. You can configure the different requests in an easy way in your project and share them with your colleagues. The plugin is also a powerful building block for implementing specialized plugins which encapsulate some additional logic and guidance, such as the one we\u2019ve just mentioned that simulates Teams Admin Center notifications for Graph connectors.<\/p>\n<p>Learn more about the new <a href=\"https:\/\/learn.microsoft.com\/microsoft-cloud\/dev\/dev-proxy\/technical-reference\/mockrequestplugin\">MockRequestPlugin<\/a>.<\/p>\n<h2>Support for including comments in Dev Proxy config files<\/h2>\n<p>Over the last year, Dev Proxy evolved into a powerful API simulator that supports many different scenarios. While some require little to no configuration, others are more advanced and use elaborate configuration.<\/p>\n<p>To help you document your settings, we now introduce support for including comments in Dev Proxy configuration and plugin files.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-19963\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-5.png\" alt=\"Code, Dev Proxy configuration file with a comment\" width=\"1758\" height=\"838\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-5.png 1758w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-5-300x143.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-5-1024x488.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-5-768x366.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-5-1536x732.png 1536w\" sizes=\"(max-width: 1758px) 100vw, 1758px\" \/><em>Dev Proxy configuration file with a comment<\/em><\/p>\n<p>We hope that it\u2019ll help you keep relevant notes next to your configuration so that you can easily share it with your colleagues. Oh, and if you happen to use VSCode, use .jsonc as the file extension for your config files. It\u2019ll keep VSCode from highlighting comments as errors.<\/p>\n<h2>Improved UI<\/h2>\n<p>As we keep extending Dev Proxy with new features, we want to help you get the most out of it. In this version, we extend the UI with a list of hotkeys that you can use with Dev Proxy to invoke its different features.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"alignnone wp-image-19964\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-6.png\" alt=\"Code, Dev Proxy running in the terminal showing its hotkeys\" width=\"2124\" height=\"1332\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-6.png 2124w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-6-300x188.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-6-1024x642.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-6-768x482.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-6-1536x963.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/03\/word-image-19958-6-2048x1284.png 2048w\" sizes=\"(max-width: 2124px) 100vw, 2124px\" \/><em>Dev Proxy running in the terminal showing its hotkeys<\/em><\/p>\n<h2>There\u2019s more<\/h2>\n<p>This release also includes several bug fixes and improvements. Check out the <a href=\"https:\/\/github.com\/microsoft\/dev-proxy\/releases\/tag\/v0.16.0\">release notes<\/a> for the complete list of changes in this version.<\/p>\n<h2>Try it now<\/h2>\n<p><a href=\"https:\/\/learn.microsoft.com\/microsoft-cloud\/dev\/dev-proxy\/get-started#install-dev-proxy\">Download Dev Proxy v0.16<\/a> today and build better apps connected to APIs!<\/p>\n<p>Thanks to <a href=\"https:\/\/github.com\/SilentSobs\">Ramesh Adhikari<\/a>, and <a href=\"https:\/\/github.com\/oleguchok\">Oleg Guchok<\/a> for contributing to this release.<\/p>\n<p>Have any questions, feedback, or suggestions? Join us on <a href=\"https:\/\/aka.ms\/devproxy\/discord\">Discord<\/a>. We can\u2019t wait to see what you create with Dev Proxy!<\/p>\n<p><em>Follow us on <a href=\"http:\/\/twitter.com\/microsoft365dev\">X (Twitter) \/ @Microsoft365Dev<\/a> and subscribe to our <a href=\"https:\/\/www.youtube.com\/microsoft365developer\">YouTube channel<\/a> to stay up to date on the latest developer news and announcements.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re excited to share the launch of Dev Proxy v0.16, with new features for Microsoft Graph connectors and more.<\/p>\n","protected":false},"author":74222,"featured_media":19965,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,128],"tags":[289,305],"class_list":["post-19958","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-graph","category-microsoft-teams","tag-dev-proxy","tag-teams-admin-center"],"acf":[],"blog_post_summary":"<p>We&#8217;re excited to share the launch of Dev Proxy v0.16, with new features for Microsoft Graph connectors and more.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/19958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/74222"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=19958"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/19958\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/19965"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=19958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=19958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=19958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}