{"id":23490,"date":"2024-11-28T00:14:32","date_gmt":"2024-11-28T08:14:32","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=23490"},"modified":"2024-12-02T04:33:49","modified_gmt":"2024-12-02T12:33:49","slug":"dev-proxy-v0-23-with-inspecting-cloud-api-requests","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/dev-proxy-v0-23-with-inspecting-cloud-api-requests\/","title":{"rendered":"Dev Proxy v0.23 with inspecting cloud API requests"},"content":{"rendered":"<p>We\u2019re excited to share with you a new version of Dev Proxy to help you build robust apps connected to APIs.<\/p>\n<p>In this version:<\/p>\n<ul>\n<li>Inspect API requests issued by cloud services<\/li>\n<li>Improved mocking responses<\/li>\n<li>&#8230;and more!<\/li>\n<\/ul>\n<h2>Inspect API requests issued by cloud services<\/h2>\n<p>When you integrate your application with cloud services, one of the challenges you face is understanding how the cloud service interacts with the APIs it uses. Being able to inspect API requests is especially important when you&#8217;re troubleshooting issues. Typically, it&#8217;s challenging, because you don&#8217;t have access to the cloud service&#8217;s runtime, and you also might not have access to the monitoring tools for the cloud API.<\/p>\n<p>In this release, we\u2019re introducing the ability to use Dev Proxy and dev tunnels to inspect API requests.<\/p>\n<p>Typically, when you integrate an API with a cloud service, the service calls the API directly server-side. If you want to inspect the request, you need access to the monitoring system behind the cloud API.<\/p>\n<p><img decoding=\"async\" width=\"778\" height=\"260\" class=\"wp-image-23491\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-1.png\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-1.png 778w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-1-300x100.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-1-768x257.png 768w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/p>\n<p>By combining Dev Proxy and dev tunnels, you can route cloud API request through your machine and inspect them, significantly simplifying debugging.<\/p>\n<p><img decoding=\"async\" width=\"900\" height=\"646\" class=\"wp-image-23492\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-2.png\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-2.png 900w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-2-300x215.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-2-768x551.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>Rather than calling the cloud API directly, the cloud service calls a dev tunnel running on your machine, which passes the request to Dev Proxy which passes it to the cloud service and returns its response to the cloud service.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" width=\"1430\" height=\"894\" class=\"wp-image-23493\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-3.png\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-3.png 1430w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-3-300x188.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-3-1024x640.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-3-768x480.png 768w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><em>Dev Proxy and dev tunnels handling a cloud API request<\/em><\/p>\n<p>You can inspect all information about the API request using Chrome Dev Tools:<\/p>\n<p><img decoding=\"async\" width=\"1303\" height=\"1430\" class=\"wp-image-23494\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-4.png\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-4.png 1303w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-4-273x300.png 273w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-4-933x1024.png 933w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/11\/word-image-23490-4-768x843.png 768w\" sizes=\"(max-width: 1303px) 100vw, 1303px\" \/><\/p>\n<p>We believe that this feature is a must-have in every developer\u2019s toolkit to simplify integrating APIs with cloud services.<\/p>\n<p>Learn more in <a href=\"https:\/\/learn.microsoft.com\/microsoft-cloud\/dev\/dev-proxy\/how-to\/inspect-api-requests-cloud-services\">Dev Proxy documentation<\/a>.<\/p>\n<h2>Improved mocking responses<\/h2>\n<p>One of the core features of Dev Proxy is the ability to mock responses. Using this capability, you can easily simulate different API behaviors and test your application against a variety of scenarios beyond the happy path, without building time-consuming mocks or changing your code. You can <a href=\"https:\/\/learn.microsoft.com\/microsoft-cloud\/dev\/dev-proxy\/how-to\/mock-responses\">build mocks manually<\/a> or <a href=\"https:\/\/learn.microsoft.com\/microsoft-cloud\/dev\/dev-proxy\/technical-reference\/mockgeneratorplugin\">record them from actual requests<\/a>.<\/p>\n<p>In this version, we\u2019re extending support for mocking with the ability to specify multiple headers with the same name. This update increases compatibility of recorded mocks with some APIs that return multiple response headers with the same name.<\/p>\n<p>Learn more about <a href=\"https:\/\/learn.microsoft.com\/microsoft-cloud\/dev\/dev-proxy\/how-to\/mock-responses\">mocking responses with Dev Proxy<\/a>.<\/p>\n<h2>New version of Dev Proxy Toolkit<\/h2>\n<p>Dev Proxy Toolkit is a Visual Studio Code extension that makes it easy to create and update configuration files. Alongside the new release of Dev Proxy, we\u2019ve also released a new version of the toolkit, v0.14.0.<\/p>\n<p>In this version, we\u2019ve updated all code snippets to use the latest schema and reflect the latest changes in v0.23.0 release.<\/p>\n<p>Checkout the <a href=\"https:\/\/marketplace.visualstudio.com\/items\/garrytrinder.dev-proxy-toolkit\/changelog\">changelog<\/a> for more information on changes and bug fixes.<\/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.23.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.23<\/a> today and build better apps connected to APIs!<\/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 <\/em><a href=\"http:\/\/twitter.com\/microsoft365dev\"><em>X (Twitter) \/ @Microsoft365Dev<\/em><\/a><em>, <a href=\"https:\/\/www.linkedin.com\/showcase\/microsoft365dev\">LinkedIn<\/a>, and subscribe to our <\/em><a href=\"https:\/\/www.youtube.com\/microsoft365developer\"><em>YouTube channel<\/em><\/a><em> to stay up to date on the latest developer news and announcements.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re excited to share a new version of Dev Proxy to help you build robust apps connected to APIs.<\/p>\n","protected":false},"author":74222,"featured_media":23526,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[289,384],"class_list":["post-23490","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-365-developer","tag-dev-proxy","tag-dev-proxy-toolkit"],"acf":[],"blog_post_summary":"<p>We\u2019re excited to share a new version of Dev Proxy to help you build robust apps connected to APIs.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/23490","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=23490"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/23490\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/23526"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=23490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=23490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=23490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}