{"id":1451,"date":"2014-04-03T16:00:00","date_gmt":"2014-04-03T16:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/bharry\/2014\/04\/03\/visual-studio-online-integration-in-the-azure-portal\/"},"modified":"2024-03-26T11:04:00","modified_gmt":"2024-03-26T18:04:00","slug":"visual-studio-online-integration-in-the-azure-portal","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/bharry\/visual-studio-online-integration-in-the-azure-portal\/","title":{"rendered":"Visual Studio Online Integration in the Azure portal"},"content":{"rendered":"<p>Today, at Build, we unveiled a new <a href=\"http:\/\/portal.azure.com\/\">Azure Portal<\/a> experience we are building.\u00a0 I want to give you some insights into the work that VS Online team is doing to help with it.\u00a0 I\u2019m not on the Azure team and am no expert on how they\u2019d like to describe to the world, so please take any comments I make here about the new Azure portal as my perspective on it and not necessarily an official one.<\/p>\n<p>Bill Staples first presented to me almost a year ago an idea of creating a new portal experience for Azure designed to be an optimal experience for DevOps.\u00a0 It would provide everything a DevOps team needs to do modern cloud based development.\u00a0 Capabilities to provision dev and test resources, development and collaboration capabilities, build, release and deployment capabilities, application telemetry and management capabilities and more.\u00a0 Pretty quickly it became clear to me that if we could do it, it would be awesome.\u00a0 An incredibly productive and easy way for devs to do soup to nuts app development.<\/p>\n<p>What we demoed today (and made available via <a href=\"http:\/\/portal.azure.com\">http:\/\/portal.azure.com<\/a>\u201d) is the first incarnation of that.\u00a0 My team (the VS Online Team) has worked very hard over the past many months with the Azure team to build the beginnings of the experience we hope to bring to you.\u00a0 It\u2019s very early and it\u2019s nowhere near done but it\u2019s definitely something we\u2019d love to start getting some feedback on.<\/p>\n<p>For now, it\u2019s limited to Azure websites, sql SQL databases and a subset of the VS Online capabilities.\u00a0 If you are a VS Online\/TFS user, think of this as a companion to Visual Studio, Visual Studio Online and all of the tools you are used to.\u00a0 When you create a team project in the Azure portal, it\u2019s a VS Online Team Project like any other and is accessible from the Azure portal, the VS Online web UI, Visual Studio, Eclipse and all the other ways your Visual Studio Online assets are available.\u00a0 For now, though, there are a few limitations \u2013 which we are working hard to address.\u00a0 We are in the middle of adding Azure Active Directory support to Visual Studio Online and, for a variety of reasons, chose to limit the new portal to only work with VS Online accounts linked to Azure Active Directory.<\/p>\n<p>The best way to ensure this is just to create a new Team Project and a new VS Online account from within the new Azure portal.\u00a0 You will need to be logged in to the Azure portal with an identity known to your Azure Active Directory tenant and to add new users, rather than add them directly in Visual Studio Online, you will add them through Azure Active directory.\u00a0 One of the ramifications of this, for now, is that you can\u2019t use an existing VS Online account in the new portal \u2013 you must create a new one.\u00a0 Clearly that\u2019s a big limitation and one we are working hard to remove.\u00a0 We will enable you to link existing VS Online accounts to Active Directory we just don\u2019t have it yet \u2013 stay tuned.<\/p>\n<p>I\u2019ll do a very simple tour.\u00a0 You can also watch <a href=\"https:\/\/channel9.msdn.com\/Blogs\/Windows-Azure\/Azure-Preview-portal\">Brian Keller\u2019s Channel9 video<\/a>.<\/p>\n<p>Once you go to the Azure portal and get signed up, you\u2019ll see a home screen that looks something like this.\u00a0 In my case, I\u2019ve already created a Team Project called Demo and a website called BharrySample.\u00a0 When you need to create anything in the Azure portal (like your Team Project), just click the plus (+) in the lower left corner.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1351.clip_image001_thumb_0E213FBD.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-15770\" src=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1351.clip_image001_thumb_0E213FBD.jpg\" alt=\"Image 1351 clip image001 thumb 0E213FBD\" width=\"804\" height=\"741\" srcset=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1351.clip_image001_thumb_0E213FBD.jpg 804w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1351.clip_image001_thumb_0E213FBD-300x276.jpg 300w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1351.clip_image001_thumb_0E213FBD-768x708.jpg 768w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/p>\n<p>That Team Project and all its assets, in this case source code, are stored in and available in Visual Studio Online.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1667.clip_image0016_thumb_3266243F.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-15771\" src=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1667.clip_image0016_thumb_3266243F.jpg\" alt=\"Image 1667 clip image0016 thumb 3266243F\" width=\"804\" height=\"485\" srcset=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1667.clip_image0016_thumb_3266243F.jpg 804w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1667.clip_image0016_thumb_3266243F-300x181.jpg 300w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1667.clip_image0016_thumb_3266243F-768x463.jpg 768w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/p>\n<p>We\u2019ve integrated a fair amount of the VS Online functionality directly into the Azure portal, including\u2026<\/p>\n<p>A Team Project home page where you can get an overview of your backlog, source code, builds, etc.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/2625.clip_image00110_thumb_2E9859A2.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-15773\" src=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/2625.clip_image00110_thumb_2E9859A2.jpg\" alt=\"Image 2625 clip image00110 thumb 2E9859A2\" width=\"424\" height=\"681\" srcset=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/2625.clip_image00110_thumb_2E9859A2.jpg 424w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/2625.clip_image00110_thumb_2E9859A2-187x300.jpg 187w\" sizes=\"(max-width: 424px) 100vw, 424px\" \/><\/a><\/p>\n<p>There\u2019s a history browsing experience for viewing changes.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1513.clip_image00112_thumb_7E8E0820.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-15774\" src=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1513.clip_image00112_thumb_7E8E0820.jpg\" alt=\"Image 1513 clip image00112 thumb 7E8E0820\" width=\"804\" height=\"510\" srcset=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1513.clip_image00112_thumb_7E8E0820.jpg 804w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1513.clip_image00112_thumb_7E8E0820-300x190.jpg 300w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/1513.clip_image00112_thumb_7E8E0820-768x487.jpg 768w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/p>\n<p>And a source browsing experience that allow you to edit source directly in the browser and commit your changes to the service.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/3443.clip_image00114_thumb_7551CCDF.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-15775\" src=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/3443.clip_image00114_thumb_7551CCDF.jpg\" alt=\"Image 3443 clip image00114 thumb 7551CCDF\" width=\"804\" height=\"636\" srcset=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/3443.clip_image00114_thumb_7551CCDF.jpg 804w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/3443.clip_image00114_thumb_7551CCDF-300x237.jpg 300w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/3443.clip_image00114_thumb_7551CCDF-768x608.jpg 768w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/p>\n<p>You can easily configure continuous deployment and monitor\/explore builds and deployments from within the portal.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/8787.clip_image00116_thumb_5319C159.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-15776\" src=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/8787.clip_image00116_thumb_5319C159.jpg\" alt=\"Image 8787 clip image00116 thumb 5319C159\" width=\"804\" height=\"396\" srcset=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/8787.clip_image00116_thumb_5319C159.jpg 804w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/8787.clip_image00116_thumb_5319C159-300x148.jpg 300w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/8787.clip_image00116_thumb_5319C159-768x378.jpg 768w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/p>\n<p>You can also do some very basic backlog management.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/5432.clip_image00118_thumb_30E1B5D3.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-15777\" src=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/5432.clip_image00118_thumb_30E1B5D3.jpg\" alt=\"Image 5432 clip image00118 thumb 30E1B5D3\" width=\"804\" height=\"597\" srcset=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/5432.clip_image00118_thumb_30E1B5D3.jpg 804w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/5432.clip_image00118_thumb_30E1B5D3-300x223.jpg 300w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/5432.clip_image00118_thumb_30E1B5D3-768x570.jpg 768w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/p>\n<p>And last, but certainly not least, you can configure Application Insights for your app and get telemetry directly on your Azure website blade.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/0272.clip_image00122_thumb_75ADDA07.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-15778\" src=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/0272.clip_image00122_thumb_75ADDA07.jpg\" alt=\"Image 0272 clip image00122 thumb 75ADDA07\" width=\"804\" height=\"640\" srcset=\"https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/0272.clip_image00122_thumb_75ADDA07.jpg 804w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/0272.clip_image00122_thumb_75ADDA07-300x239.jpg 300w, https:\/\/devblogs.microsoft.com\/bharry\/wp-content\/uploads\/sites\/8\/2014\/04\/0272.clip_image00122_thumb_75ADDA07-768x611.jpg 768w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/a><\/p>\n<p>As I said earlier, this is just the beginning.\u00a0 We have a ton more work to do to make this a fully realized experience but it\u2019s enough to give you an idea of what we are thinking.<\/p>\n<p>What do you think?<\/p>\n<p>Brian<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today, at Build, we unveiled a new Azure Portal experience we are building.\u00a0 I want to give you some insights into the work that VS Online team is doing to help with it.\u00a0 I\u2019m not on the Azure team and am no expert on how they\u2019d like to describe to the world, so please take [&hellip;]<\/p>\n","protected":false},"author":244,"featured_media":14617,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[8],"class_list":["post-1451","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-vsonline"],"acf":[],"blog_post_summary":"<p>Today, at Build, we unveiled a new Azure Portal experience we are building.\u00a0 I want to give you some insights into the work that VS Online team is doing to help with it.\u00a0 I\u2019m not on the Azure team and am no expert on how they\u2019d like to describe to the world, so please take [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/posts\/1451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/users\/244"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/comments?post=1451"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/posts\/1451\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/media\/14617"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/media?parent=1451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/categories?post=1451"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/bharry\/wp-json\/wp\/v2\/tags?post=1451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}