[Build and Deploy Staging Site] Publish from microsoft/azuretipsandtricks-private:main/src/public

assets/js/10.c5f675ef.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{370:function(t,e,r){"use strict";r.r(e);var a=r(43),o=Object(a.a)({},(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("div",{staticClass:"custom-block tip"},[r("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),r("p",[t._v("💡 Learn more : "),r("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-portal?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Portal Documentation"),r("OutboundLink")],1),t._v(".")]),t._v(" "),r("p",[t._v("📺 Watch the video : "),r("a",{attrs:{href:"https://www.youtube.com/watch?v=A0uXwdLDzf4&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=1?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to use keyboard shortcuts in the Azure portal"),r("OutboundLink")],1),t._v(".")])]),t._v(" "),r("h3",{attrs:{id:"use-keyboard-shortcuts-in-the-azure-portal"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#use-keyboard-shortcuts-in-the-azure-portal"}},[t._v("#")]),t._v(" Use Keyboard Shortcuts in the Azure Portal")]),t._v(" "),r("h4",{attrs:{id:"azure-portal-keyboard-shortcuts"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#azure-portal-keyboard-shortcuts"}},[t._v("#")]),t._v(" Azure Portal Keyboard Shortcuts")]),t._v(" "),r("p",[t._v("Developers love keyboard shortcuts and there are plenty keyboard shortcuts in the Azure platform. You can see a list by going to Help and then Keyboard Shortcuts in the portal as shown below.")]),t._v(" "),r("img",{attrs:{src:t.$withBase("/files/azuretip1.gif")}}),t._v(" "),r("p",[t._v("You will see that you have the following keyboard shortcuts available:")]),t._v(" "),r("div",{staticClass:"language- extra-class"},[r("pre",[r("code",[t._v("Keyboard shortcuts\n\nACTIONS\n\nCTRL+/\tSearch blade menu items\nG+/  \tSearch resources (global)\nG+N \tCreate a new resource\nG+B \tOpen the 'More services' pane\n\nNAVIGATION\n\nG+, \tMove focus to command bar\nG+.\t\tToggle focus between top bar and side bar\n\nGO TO\n\nG+D \t Go to dashboard\nG+A \t Go to all resources\nG+R \t Go to resource groups\nG+number Open the item pinned to the favorites bar at this position\n")])])])])}),[],!1,null,null,null);e.default=o.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{371:function(t,e,r){"use strict";r.r(e);var a=r(43),o=Object(a.a)({},(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[r("div",{staticClass:"custom-block tip"},[r("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),r("p",[t._v("💡 Learn more : "),r("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-portal?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Portal Documentation"),r("OutboundLink")],1),t._v(".")]),t._v(" "),r("p",[t._v("📺 Watch the video : "),r("a",{attrs:{href:"https://www.youtube.com/watch?v=A0uXwdLDzf4&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=1?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to use keyboard shortcuts in the Azure portal"),r("OutboundLink")],1),t._v(".")])]),t._v(" "),r("h3",{attrs:{id:"use-keyboard-shortcuts-in-the-azure-portal"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#use-keyboard-shortcuts-in-the-azure-portal"}},[t._v("#")]),t._v(" Use Keyboard Shortcuts in the Azure Portal")]),t._v(" "),r("h4",{attrs:{id:"azure-portal-keyboard-shortcuts"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#azure-portal-keyboard-shortcuts"}},[t._v("#")]),t._v(" Azure Portal Keyboard Shortcuts")]),t._v(" "),r("p",[t._v("Developers love keyboard shortcuts and there are plenty keyboard shortcuts in the Azure platform. You can see a list by going to Help and then Keyboard Shortcuts in the portal as shown below.")]),t._v(" "),r("img",{attrs:{src:t.$withBase("/files/azuretip1.gif")}}),t._v(" "),r("p",[t._v("You will see that you have the following keyboard shortcuts available:")]),t._v(" "),r("div",{staticClass:"language- extra-class"},[r("pre",[r("code",[t._v("Keyboard shortcuts\n\nACTIONS\n\nCTRL+/\tSearch blade menu items\nG+/  \tSearch resources (global)\nG+N \tCreate a new resource\nG+B \tOpen the 'More services' pane\n\nNAVIGATION\n\nG+, \tMove focus to command bar\nG+.\t\tToggle focus between top bar and side bar\n\nGO TO\n\nG+D \t Go to dashboard\nG+A \t Go to all resources\nG+R \t Go to resource groups\nG+number Open the item pinned to the favorites bar at this position\n")])])])])}),[],!1,null,null,null);e.default=o.exports}}]);

assets/js/11.035d93d0.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{371:function(t,e,a){"use strict";a.r(e);var n=a(43),o=Object(n.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("p",[t._v("💡 Learn more : "),a("a",{attrs:{href:"https://docs.microsoft.com/azure/virtual-machines/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Virtual Machines"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("p",[t._v("📺 Watch the video : "),a("a",{attrs:{href:"https://www.youtube.com/watch?v=7pmn6luCwQ4&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=8?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to quickly connect to a Linux VM with SSH"),a("OutboundLink")],1),t._v(".")])]),t._v(" "),a("h3",{attrs:{id:"quickly-connect-to-a-linux-vm-with-ssh"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#quickly-connect-to-a-linux-vm-with-ssh"}},[t._v("#")]),t._v(" Quickly Connect to a Linux VM with SSH")]),t._v(" "),a("p",[t._v('You can quickly connect to an existing Linux Virtual Machine by navigating to the "Virtual Machine" blade in the Azure Portal. Once you are on the page, click the "Connect" button at the top of the page. It will provide a command that you can copy and paste into BASH or anywhere that supports SSH. After you paste the command, then it will connect to your Linux Virtual Machine. Provide your username and password and you are logged into your new Virtual Machine. In the example below, I logged into my Ubuntu Linux VM.')]),t._v(" "),a("img",{attrs:{src:t.$withBase("/files/azuretip10.gif")}})])}),[],!1,null,null,null);e.default=o.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{370:function(t,e,a){"use strict";a.r(e);var n=a(43),o=Object(n.a)({},(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),a("p",[t._v("💡 Learn more : "),a("a",{attrs:{href:"https://docs.microsoft.com/azure/virtual-machines/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Virtual Machines"),a("OutboundLink")],1),t._v(".")]),t._v(" "),a("p",[t._v("📺 Watch the video : "),a("a",{attrs:{href:"https://www.youtube.com/watch?v=7pmn6luCwQ4&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=8?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to quickly connect to a Linux VM with SSH"),a("OutboundLink")],1),t._v(".")])]),t._v(" "),a("h3",{attrs:{id:"quickly-connect-to-a-linux-vm-with-ssh"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#quickly-connect-to-a-linux-vm-with-ssh"}},[t._v("#")]),t._v(" Quickly Connect to a Linux VM with SSH")]),t._v(" "),a("p",[t._v('You can quickly connect to an existing Linux Virtual Machine by navigating to the "Virtual Machine" blade in the Azure Portal. Once you are on the page, click the "Connect" button at the top of the page. It will provide a command that you can copy and paste into BASH or anywhere that supports SSH. After you paste the command, then it will connect to your Linux Virtual Machine. Provide your username and password and you are logged into your new Virtual Machine. In the example below, I logged into my Ubuntu Linux VM.')]),t._v(" "),a("img",{attrs:{src:t.$withBase("/files/azuretip10.gif")}})])}),[],!1,null,null,null);e.default=o.exports}}]);

assets/js/133.0ddfe41a.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[133],{491:function(e,t,s){"use strict";s.r(t);var r=s(43),a=Object(r.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),s("p",[e._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/en-us/azure/virtual-network/manage-network-security-group/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Network Security Groups"),s("OutboundLink")],1)])]),e._v(" "),s("p",[e._v("This post was brought to you by "),s("strong",[s("a",{attrs:{href:"https://twitter.com/kumarallamraju",target:"_blank",rel:"noopener noreferrer"}},[e._v("Kumar Allamraju"),s("OutboundLink")],1)]),e._v(".")]),e._v(" "),s("h3",{attrs:{id:"reusing-network-service-groups-across-virtual-machines"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#reusing-network-service-groups-across-virtual-machines"}},[e._v("#")]),e._v(" Reusing Network Service Groups across Virtual Machines")]),e._v(" "),s("p",[e._v("Have you ever wondered that your NSG blade was cluttered with too many Network Security Groups? See my NSG blade.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/file1-nsg.png")}}),e._v(" "),s("p",[e._v("Shocking huh? This list was even bigger in my customer's environment. When you create a new Virtual Machine from Azure Portal or CLI, a new network security group is created for each VM. This is by design. However there's a way to specify an existing NSG assuming you want to apply the same inbound and outbound rules for a group of virtual machines.")]),e._v(" "),s("p",[e._v('This can be done by choosing the Advanced option in the Networking tab. The default option is "None".')]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/file2-nsg.png")}}),e._v(" "),s("p",[e._v('When you select Advanced option, you will have an option to select the existing NSGs. I have created a network security group called "mynsg1" with a set of inbound and outbound rules prior to creating a VM. See the screenshot below.')]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/file3-nsg.png")}}),e._v(" "),s("p",[e._v("In this case, I'm allowing access to my VMs only from my Home and Office IPs. You can further fine tune the NGSG by the protocol and specific ports and re-use the same NSG.")]),e._v(" "),s("p",[e._v("When you create a VM using az CLI, you have an option to specify the NSG. See below.")]),e._v(" "),s("p",[e._v("The following example creates a simple Ubuntu Linux VM with a public IP address, DNS entry, wih an existing NSG, two data disks (10GB and 20GB), and then generates ssh key pairs.")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("az vm create -n MyVm -g MyResourceGroup --nsg mynsg1 --public-ip-address-dns-name MyUniqueDnsName --image ubuntults --data-disk-sizes-gb 10 20 --size Standard_DS2_v2 \\\n--generate-ssh-keys\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br")])]),s("p",[e._v("Now if you want to apply this NSG to all your VMs that shares the same set of allow/deny rules, you can stop the VM, go to the vNet blade attached to your VM, click on the device under Connected Devices, under Network Security Group blade click on Edit icon and select the new NSG that was created above and restart your VM(s). The same rule applies to existing VMs as well.")]),e._v(" "),s("h4",{attrs:{id:"conclusion"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#conclusion"}},[e._v("#")]),e._v(" Conclusion")]),e._v(" "),s("p",[e._v("Network Security Groups is an important feature in Azure Virtual Networking that allows you to filter traffic to and from Internet and across Azure resources. The intent of this article is to share a quick Azure tip but NSG shouldn't be used as a first line of defense to your Azure resources.")]),e._v(" "),s("ul",[s("li",[s("p",[s("a",{attrs:{href:"https://docs.microsoft.com/en-us/azure/virtual-network/virtual-network-vnet-plan-design-arm/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Virtual Networks"),s("OutboundLink")],1)])]),e._v(" "),s("li",[s("p",[s("a",{attrs:{href:"https://docs.microsoft.com/en-us/cli/azure/network/nsg?view=azure-cli-latest/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("az CLI nsg"),s("OutboundLink")],1)])])])])}),[],!1,null,null,null);t.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[133],{490:function(e,t,s){"use strict";s.r(t);var r=s(43),a=Object(r.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),s("p",[e._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/en-us/azure/virtual-network/manage-network-security-group/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Network Security Groups"),s("OutboundLink")],1)])]),e._v(" "),s("p",[e._v("This post was brought to you by "),s("strong",[s("a",{attrs:{href:"https://twitter.com/kumarallamraju",target:"_blank",rel:"noopener noreferrer"}},[e._v("Kumar Allamraju"),s("OutboundLink")],1)]),e._v(".")]),e._v(" "),s("h3",{attrs:{id:"reusing-network-service-groups-across-virtual-machines"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#reusing-network-service-groups-across-virtual-machines"}},[e._v("#")]),e._v(" Reusing Network Service Groups across Virtual Machines")]),e._v(" "),s("p",[e._v("Have you ever wondered that your NSG blade was cluttered with too many Network Security Groups? See my NSG blade.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/file1-nsg.png")}}),e._v(" "),s("p",[e._v("Shocking huh? This list was even bigger in my customer's environment. When you create a new Virtual Machine from Azure Portal or CLI, a new network security group is created for each VM. This is by design. However there's a way to specify an existing NSG assuming you want to apply the same inbound and outbound rules for a group of virtual machines.")]),e._v(" "),s("p",[e._v('This can be done by choosing the Advanced option in the Networking tab. The default option is "None".')]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/file2-nsg.png")}}),e._v(" "),s("p",[e._v('When you select Advanced option, you will have an option to select the existing NSGs. I have created a network security group called "mynsg1" with a set of inbound and outbound rules prior to creating a VM. See the screenshot below.')]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/file3-nsg.png")}}),e._v(" "),s("p",[e._v("In this case, I'm allowing access to my VMs only from my Home and Office IPs. You can further fine tune the NGSG by the protocol and specific ports and re-use the same NSG.")]),e._v(" "),s("p",[e._v("When you create a VM using az CLI, you have an option to specify the NSG. See below.")]),e._v(" "),s("p",[e._v("The following example creates a simple Ubuntu Linux VM with a public IP address, DNS entry, wih an existing NSG, two data disks (10GB and 20GB), and then generates ssh key pairs.")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("az vm create -n MyVm -g MyResourceGroup --nsg mynsg1 --public-ip-address-dns-name MyUniqueDnsName --image ubuntults --data-disk-sizes-gb 10 20 --size Standard_DS2_v2 \\\n--generate-ssh-keys\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br")])]),s("p",[e._v("Now if you want to apply this NSG to all your VMs that shares the same set of allow/deny rules, you can stop the VM, go to the vNet blade attached to your VM, click on the device under Connected Devices, under Network Security Group blade click on Edit icon and select the new NSG that was created above and restart your VM(s). The same rule applies to existing VMs as well.")]),e._v(" "),s("h4",{attrs:{id:"conclusion"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#conclusion"}},[e._v("#")]),e._v(" Conclusion")]),e._v(" "),s("p",[e._v("Network Security Groups is an important feature in Azure Virtual Networking that allows you to filter traffic to and from Internet and across Azure resources. The intent of this article is to share a quick Azure tip but NSG shouldn't be used as a first line of defense to your Azure resources.")]),e._v(" "),s("ul",[s("li",[s("p",[s("a",{attrs:{href:"https://docs.microsoft.com/en-us/azure/virtual-network/virtual-network-vnet-plan-design-arm/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Virtual Networks"),s("OutboundLink")],1)])]),e._v(" "),s("li",[s("p",[s("a",{attrs:{href:"https://docs.microsoft.com/en-us/cli/azure/network/nsg?view=azure-cli-latest/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("az CLI nsg"),s("OutboundLink")],1)])])])])}),[],!1,null,null,null);t.default=a.exports}}]);

assets/js/253.aabb2819.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[253],{611:function(e,t,s){"use strict";s.r(t);var n=s(43),r=Object(n.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),s("p",[e._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-functions/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Functions Documentation"),s("OutboundLink")],1),e._v(".")]),e._v(" "),s("p",[e._v("📺 Watch the video : "),s("a",{attrs:{href:"https://www.youtube.com/watch?v=IoKkdVCvpNc&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=29?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to work with the Azure Functions File System"),s("OutboundLink")],1),e._v(".")])]),e._v(" "),s("h3",{attrs:{id:"work-with-the-azure-functions-file-system-using-the-console"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#work-with-the-azure-functions-file-system-using-the-console"}},[e._v("#")]),e._v(" Work with the Azure Functions File System using the Console")]),e._v(" "),s("p",[e._v('I debated writing this one, but have seen a lot of folks struggling with files and folders while using Azure Functions. The most common question being, "How do I rename my Function?" as shown below.')]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/azfunc1.png")}}),e._v(" "),s("p",[e._v("My preferred method for this type of task is working with the Azure Portal Console. You can access it by clicking on the name of your Azure Functions (You may have to click on "),s("strong",[e._v("Platform features")]),e._v(" and looking for "),s("strong",[e._v("Development Tools")]),e._v(" then "),s("strong",[e._v("Command")]),e._v(" as shown below.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/azfunc2.png")}}),e._v(" "),s("p",[e._v("Now that we have a "),s("strong",[e._v("Command Prompt")]),e._v(", we should see the following:")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("> dir\nD:\\home\\site\\wwwroot\nVolume in drive D is Windows\n Volume Serial Number is FE33-4717\n\n Directory of D:\\home\\site\\wwwroot\n\n06/02/2017  02:49 PM    <DIR>          .\n06/02/2017  02:49 PM    <DIR>          ..\n06/02/2017  06:01 PM                28 host.json\n06/02/2017  02:49 PM    <DIR>          TimerTriggerCSharp1\n06/02/2017  08:40 PM    <DIR>          TriggerICS\n               1 File(s)             28 bytes\n               4 Dir(s)  5,497,557,942,272 bytes free\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br"),s("span",{staticClass:"line-number"},[e._v("8")]),s("br"),s("span",{staticClass:"line-number"},[e._v("9")]),s("br"),s("span",{staticClass:"line-number"},[e._v("10")]),s("br"),s("span",{staticClass:"line-number"},[e._v("11")]),s("br"),s("span",{staticClass:"line-number"},[e._v("12")]),s("br"),s("span",{staticClass:"line-number"},[e._v("13")]),s("br"),s("span",{staticClass:"line-number"},[e._v("14")]),s("br")])]),s("p",[e._v("We will rename the "),s("strong",[e._v("TimerTriggerCSharp1")]),e._v(" to something more meaningful by typing the following:")]),e._v(" "),s("p",[s("code",[e._v("ren TimerTriggerCharp1 MyAwesomeNewTriggerName")])]),e._v(" "),s("p",[e._v("You'll need to refresh the Azure Portal and you can see that the name changed.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/azfunc3.png")}})])}),[],!1,null,null,null);t.default=r.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[253],{612:function(e,t,s){"use strict";s.r(t);var n=s(43),r=Object(n.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),s("p",[e._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-functions/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Functions Documentation"),s("OutboundLink")],1),e._v(".")]),e._v(" "),s("p",[e._v("📺 Watch the video : "),s("a",{attrs:{href:"https://www.youtube.com/watch?v=IoKkdVCvpNc&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=29?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to work with the Azure Functions File System"),s("OutboundLink")],1),e._v(".")])]),e._v(" "),s("h3",{attrs:{id:"work-with-the-azure-functions-file-system-using-the-console"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#work-with-the-azure-functions-file-system-using-the-console"}},[e._v("#")]),e._v(" Work with the Azure Functions File System using the Console")]),e._v(" "),s("p",[e._v('I debated writing this one, but have seen a lot of folks struggling with files and folders while using Azure Functions. The most common question being, "How do I rename my Function?" as shown below.')]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/azfunc1.png")}}),e._v(" "),s("p",[e._v("My preferred method for this type of task is working with the Azure Portal Console. You can access it by clicking on the name of your Azure Functions (You may have to click on "),s("strong",[e._v("Platform features")]),e._v(" and looking for "),s("strong",[e._v("Development Tools")]),e._v(" then "),s("strong",[e._v("Command")]),e._v(" as shown below.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/azfunc2.png")}}),e._v(" "),s("p",[e._v("Now that we have a "),s("strong",[e._v("Command Prompt")]),e._v(", we should see the following:")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("> dir\nD:\\home\\site\\wwwroot\nVolume in drive D is Windows\n Volume Serial Number is FE33-4717\n\n Directory of D:\\home\\site\\wwwroot\n\n06/02/2017  02:49 PM    <DIR>          .\n06/02/2017  02:49 PM    <DIR>          ..\n06/02/2017  06:01 PM                28 host.json\n06/02/2017  02:49 PM    <DIR>          TimerTriggerCSharp1\n06/02/2017  08:40 PM    <DIR>          TriggerICS\n               1 File(s)             28 bytes\n               4 Dir(s)  5,497,557,942,272 bytes free\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br"),s("span",{staticClass:"line-number"},[e._v("8")]),s("br"),s("span",{staticClass:"line-number"},[e._v("9")]),s("br"),s("span",{staticClass:"line-number"},[e._v("10")]),s("br"),s("span",{staticClass:"line-number"},[e._v("11")]),s("br"),s("span",{staticClass:"line-number"},[e._v("12")]),s("br"),s("span",{staticClass:"line-number"},[e._v("13")]),s("br"),s("span",{staticClass:"line-number"},[e._v("14")]),s("br")])]),s("p",[e._v("We will rename the "),s("strong",[e._v("TimerTriggerCSharp1")]),e._v(" to something more meaningful by typing the following:")]),e._v(" "),s("p",[s("code",[e._v("ren TimerTriggerCharp1 MyAwesomeNewTriggerName")])]),e._v(" "),s("p",[e._v("You'll need to refresh the Azure Portal and you can see that the name changed.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/azfunc3.png")}})])}),[],!1,null,null,null);t.default=r.exports}}]);

assets/js/254.0ca0ab08.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[254],{612:function(e,t,n){"use strict";n.r(t);var s=n(43),a=Object(s.a)({},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[n("div",{staticClass:"custom-block tip"},[n("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),n("p",[e._v("💡 Learn more : "),n("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-functions/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Functions Documentation"),n("OutboundLink")],1),e._v(".")]),e._v(" "),n("p",[e._v("📺 Watch the video : "),n("a",{attrs:{href:"https://www.youtube.com/watch?v=v67yVTLEu3U&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=30?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to renew or revoke Azure Functions keys"),n("OutboundLink")],1),e._v(".")])]),e._v(" "),n("h3",{attrs:{id:"quickly-renew-or-revoke-azure-functions-keys"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#quickly-renew-or-revoke-azure-functions-keys"}},[e._v("#")]),e._v(" Quickly Renew or Revoke Azure Functions Keys")]),e._v(" "),n("p",[e._v("There are times when you've created a new Azure Function HTTP Trigger where your Function Key needs to be changed. For example, here is my Function URL:")]),e._v(" "),n("img",{attrs:{src:e.$withBase("/files/funckey1.png")}}),e._v(" "),n("p",[n("code",[e._v("https://mynewtestapp100.azurewebsites.net/api/HttpTriggerCSharp1?code=FJmHHtDmvqwp4wn0zXCS9J70NbakcmNDYCwM6trPOCTK3TdiCVg8pA==")])]),e._v(" "),n("p",[e._v("If you go to that page, you'll see the Trigger was activated as you passed the key:")]),e._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[e._v('This XML file does not appear to have any style information associated with it. The document tree is shown below.\n<string xmlns="http://schemas.microsoft.com/2003/10/Serialization/\')">\nPlease pass a name on the query string or in the request body\n</string>\n')])]),e._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[e._v("1")]),n("br"),n("span",{staticClass:"line-number"},[e._v("2")]),n("br"),n("span",{staticClass:"line-number"},[e._v("3")]),n("br"),n("span",{staticClass:"line-number"},[e._v("4")]),n("br")])]),n("p",[e._v("If something happens and someone gets the key, then you should go back to your Function and click "),n("strong",[e._v("Manage")]),e._v(", then press "),n("strong",[e._v("Revoke")]),e._v(". Now you can quickly gneerate a new key with the "),n("strong",[e._v("Add new function key")]),e._v(". You'll need to provide the name "),n("strong",[e._v("default")]),e._v(" and can leave the value empty. Now simply click "),n("strong",[e._v("Save")]),e._v(" and if you go back to  your Function and click on "),n("strong",[e._v("Get Function URL")]),e._v(", then you'll notice the new key is in place.")]),e._v(" "),n("img",{attrs:{src:e.$withBase("/files/funckey2.png")}})])}),[],!1,null,null,null);t.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[254],{611:function(e,t,n){"use strict";n.r(t);var s=n(43),a=Object(s.a)({},(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[n("div",{staticClass:"custom-block tip"},[n("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),n("p",[e._v("💡 Learn more : "),n("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-functions/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Functions Documentation"),n("OutboundLink")],1),e._v(".")]),e._v(" "),n("p",[e._v("📺 Watch the video : "),n("a",{attrs:{href:"https://www.youtube.com/watch?v=v67yVTLEu3U&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=30?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to renew or revoke Azure Functions keys"),n("OutboundLink")],1),e._v(".")])]),e._v(" "),n("h3",{attrs:{id:"quickly-renew-or-revoke-azure-functions-keys"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#quickly-renew-or-revoke-azure-functions-keys"}},[e._v("#")]),e._v(" Quickly Renew or Revoke Azure Functions Keys")]),e._v(" "),n("p",[e._v("There are times when you've created a new Azure Function HTTP Trigger where your Function Key needs to be changed. For example, here is my Function URL:")]),e._v(" "),n("img",{attrs:{src:e.$withBase("/files/funckey1.png")}}),e._v(" "),n("p",[n("code",[e._v("https://mynewtestapp100.azurewebsites.net/api/HttpTriggerCSharp1?code=FJmHHtDmvqwp4wn0zXCS9J70NbakcmNDYCwM6trPOCTK3TdiCVg8pA==")])]),e._v(" "),n("p",[e._v("If you go to that page, you'll see the Trigger was activated as you passed the key:")]),e._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[e._v('This XML file does not appear to have any style information associated with it. The document tree is shown below.\n<string xmlns="http://schemas.microsoft.com/2003/10/Serialization/\')">\nPlease pass a name on the query string or in the request body\n</string>\n')])]),e._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[e._v("1")]),n("br"),n("span",{staticClass:"line-number"},[e._v("2")]),n("br"),n("span",{staticClass:"line-number"},[e._v("3")]),n("br"),n("span",{staticClass:"line-number"},[e._v("4")]),n("br")])]),n("p",[e._v("If something happens and someone gets the key, then you should go back to your Function and click "),n("strong",[e._v("Manage")]),e._v(", then press "),n("strong",[e._v("Revoke")]),e._v(". Now you can quickly gneerate a new key with the "),n("strong",[e._v("Add new function key")]),e._v(". You'll need to provide the name "),n("strong",[e._v("default")]),e._v(" and can leave the value empty. Now simply click "),n("strong",[e._v("Save")]),e._v(" and if you go back to  your Function and click on "),n("strong",[e._v("Get Function URL")]),e._v(", then you'll notice the new key is in place.")]),e._v(" "),n("img",{attrs:{src:e.$withBase("/files/funckey2.png")}})])}),[],!1,null,null,null);t.default=a.exports}}]);

assets/js/258.82cd198b.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[258],{615:function(t,a,e){"use strict";e.r(a);var r=e(43),s=Object(r.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),e("p",[t._v("💡 Learn more : "),e("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-portal?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Portal Documentation"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("p",[t._v("📺 Watch the video : "),e("a",{attrs:{href:"https://www.youtube.com/watch?v=p-Dy4rSQAQo&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=3?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to Customize Tiles in Your Azure Dashboard"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("h3",{attrs:{id:"customize-and-pin-charts-to-your-azure-dashboard"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#customize-and-pin-charts-to-your-azure-dashboard"}},[t._v("#")]),t._v(" Customize and Pin Charts to your Azure Dashboard")]),t._v(" "),e("p",[t._v("You are probably aware that you can drag and drop and re-size tiles in the Azure dashboard.")]),t._v(" "),e("img",{attrs:{src:t.$withBase("/files/azuredashboard1.gif")}}),t._v(" "),e("p",[t._v("You can not only drag and resize tiles but you can customize charts (such as the ones seen in Virtual Machines). In this sample, we change the CPU chart to use a bar chart and then pin it to the dashboard.")]),t._v(" "),e("img",{attrs:{src:t.$withBase("/files/azuretip4.gif")}})])}),[],!1,null,null,null);a.default=s.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[258],{616:function(t,a,e){"use strict";e.r(a);var r=e(43),s=Object(r.a)({},(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),e("p",[t._v("💡 Learn more : "),e("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-portal?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Portal Documentation"),e("OutboundLink")],1),t._v(".")]),t._v(" "),e("p",[t._v("📺 Watch the video : "),e("a",{attrs:{href:"https://www.youtube.com/watch?v=p-Dy4rSQAQo&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=3?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to Customize Tiles in Your Azure Dashboard"),e("OutboundLink")],1),t._v(".")])]),t._v(" "),e("h3",{attrs:{id:"customize-and-pin-charts-to-your-azure-dashboard"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#customize-and-pin-charts-to-your-azure-dashboard"}},[t._v("#")]),t._v(" Customize and Pin Charts to your Azure Dashboard")]),t._v(" "),e("p",[t._v("You are probably aware that you can drag and drop and re-size tiles in the Azure dashboard.")]),t._v(" "),e("img",{attrs:{src:t.$withBase("/files/azuredashboard1.gif")}}),t._v(" "),e("p",[t._v("You can not only drag and resize tiles but you can customize charts (such as the ones seen in Virtual Machines). In this sample, we change the CPU chart to use a bar chart and then pin it to the dashboard.")]),t._v(" "),e("img",{attrs:{src:t.$withBase("/files/azuretip4.gif")}})])}),[],!1,null,null,null);a.default=s.exports}}]);

assets/js/260.0f4d01ed.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[260],{617:function(o,e,t){"use strict";t.r(e);var r=t(43),s=Object(r.a)({},(function(){var o=this,e=o.$createElement,t=o._self._c||e;return t("ContentSlotsDistributor",{attrs:{"slot-key":o.$parent.slotKey}},[t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[o._v("TIP")]),o._v(" "),t("p",[o._v("💡 Learn more : "),t("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[o._v("Azure Logic Apps Documentation"),t("OutboundLink")],1),o._v(".")]),o._v(" "),t("p",[o._v("📺 Watch the video : "),t("a",{attrs:{href:"https://www.youtube.com/watch?v=AqInZgTY57Y&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=33?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[o._v("How to quickly roll back versions of Azure Logic Apps"),t("OutboundLink")],1),o._v(".")])]),o._v(" "),t("h3",{attrs:{id:"quickly-roll-back-to-a-previous-version-of-an-azure-logic-app"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#quickly-roll-back-to-a-previous-version-of-an-azure-logic-app"}},[o._v("#")]),o._v(" Quickly Roll Back to a Previous Version of an Azure Logic App")]),o._v(" "),t("p",[o._v("This one seems to come up a lot, so I'll add it here. If you have created an Azure Logic App and would like to go back to a previous version, then you can do so very easily. Go ahead and open your logic app and look under "),t("strong",[o._v("Development Tools")]),o._v(" then "),t("strong",[o._v("Versions")]),o._v(" and select a previous version.")]),o._v(" "),t("img",{attrs:{src:o.$withBase("/files/versionlogic1.png")}}),o._v(" "),t("p",[o._v("Once you select a previous version, you'll see "),t("strong",[o._v("History")]),o._v(".")]),o._v(" "),t("img",{attrs:{src:o.$withBase("/files/versionlogic2.png")}}),o._v(" "),t("p",[o._v("From here you can hit the "),t("strong",[o._v("Promote")]),o._v(" button and "),t("strong",[o._v("Save")]),o._v(" to use this version in production.")])])}),[],!1,null,null,null);e.default=s.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[260],{618:function(o,e,t){"use strict";t.r(e);var r=t(43),s=Object(r.a)({},(function(){var o=this,e=o.$createElement,t=o._self._c||e;return t("ContentSlotsDistributor",{attrs:{"slot-key":o.$parent.slotKey}},[t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[o._v("TIP")]),o._v(" "),t("p",[o._v("💡 Learn more : "),t("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[o._v("Azure Logic Apps Documentation"),t("OutboundLink")],1),o._v(".")]),o._v(" "),t("p",[o._v("📺 Watch the video : "),t("a",{attrs:{href:"https://www.youtube.com/watch?v=AqInZgTY57Y&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=33?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[o._v("How to quickly roll back versions of Azure Logic Apps"),t("OutboundLink")],1),o._v(".")])]),o._v(" "),t("h3",{attrs:{id:"quickly-roll-back-to-a-previous-version-of-an-azure-logic-app"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#quickly-roll-back-to-a-previous-version-of-an-azure-logic-app"}},[o._v("#")]),o._v(" Quickly Roll Back to a Previous Version of an Azure Logic App")]),o._v(" "),t("p",[o._v("This one seems to come up a lot, so I'll add it here. If you have created an Azure Logic App and would like to go back to a previous version, then you can do so very easily. Go ahead and open your logic app and look under "),t("strong",[o._v("Development Tools")]),o._v(" then "),t("strong",[o._v("Versions")]),o._v(" and select a previous version.")]),o._v(" "),t("img",{attrs:{src:o.$withBase("/files/versionlogic1.png")}}),o._v(" "),t("p",[o._v("Once you select a previous version, you'll see "),t("strong",[o._v("History")]),o._v(".")]),o._v(" "),t("img",{attrs:{src:o.$withBase("/files/versionlogic2.png")}}),o._v(" "),t("p",[o._v("From here you can hit the "),t("strong",[o._v("Promote")]),o._v(" button and "),t("strong",[o._v("Save")]),o._v(" to use this version in production.")])])}),[],!1,null,null,null);e.default=s.exports}}]);

assets/js/261.19efe6f9.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[261],{618:function(t,e,o){"use strict";o.r(e);var n=o(43),i=Object(n.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),o("p",[t._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Logic Apps Documentation"),o("OutboundLink")],1),t._v(".")]),t._v(" "),o("p",[t._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=M99wMqOvRGM&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=34?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to edit an existing API Connection with Azure Logic Apps"),o("OutboundLink")],1),t._v(".")])]),t._v(" "),o("h3",{attrs:{id:"modifying-an-existing-api-connection-with-azure-logic-app"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#modifying-an-existing-api-connection-with-azure-logic-app"}},[t._v("#")]),t._v(" Modifying an existing API Connection with Azure Logic App")]),t._v(" "),o("p",[t._v("If you have created an Azure Logic App, and have an existing API Connection that you would like to modify, then you can do so very easily. Go ahead and open your logic app and look under "),o("strong",[t._v("Development Tools")]),t._v(" then "),o("strong",[t._v("API Connections")]),t._v(" and you'll see a list of API connections associated with the logic app.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/logicappconn1.png")}}),t._v(" "),o("p",[t._v("Under "),o("strong",[t._v("General")]),t._v(", you'll see "),o("strong",[t._v("Edit API Connection")]),t._v(".")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/logicappconn2.png")}}),t._v(" "),o("p",[t._v("Now you can edit the API information and then press "),o("strong",[t._v("Authorize")]),t._v(" to change the API connection associated with your Logic App.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/logicappconn3.png")}})])}),[],!1,null,null,null);e.default=i.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[261],{619:function(t,e,o){"use strict";o.r(e);var n=o(43),i=Object(n.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),o("p",[t._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Logic Apps Documentation"),o("OutboundLink")],1),t._v(".")]),t._v(" "),o("p",[t._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=M99wMqOvRGM&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=34?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to edit an existing API Connection with Azure Logic Apps"),o("OutboundLink")],1),t._v(".")])]),t._v(" "),o("h3",{attrs:{id:"modifying-an-existing-api-connection-with-azure-logic-app"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#modifying-an-existing-api-connection-with-azure-logic-app"}},[t._v("#")]),t._v(" Modifying an existing API Connection with Azure Logic App")]),t._v(" "),o("p",[t._v("If you have created an Azure Logic App, and have an existing API Connection that you would like to modify, then you can do so very easily. Go ahead and open your logic app and look under "),o("strong",[t._v("Development Tools")]),t._v(" then "),o("strong",[t._v("API Connections")]),t._v(" and you'll see a list of API connections associated with the logic app.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/logicappconn1.png")}}),t._v(" "),o("p",[t._v("Under "),o("strong",[t._v("General")]),t._v(", you'll see "),o("strong",[t._v("Edit API Connection")]),t._v(".")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/logicappconn2.png")}}),t._v(" "),o("p",[t._v("Now you can edit the API information and then press "),o("strong",[t._v("Authorize")]),t._v(" to change the API connection associated with your Logic App.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/logicappconn3.png")}})])}),[],!1,null,null,null);e.default=i.exports}}]);

assets/js/262.b3bfa9ce.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[262],{619:function(t,e,o){"use strict";o.r(e);var i=o(43),s=Object(i.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),o("p",[t._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Logic Apps Documentation"),o("OutboundLink")],1),t._v(".")]),t._v(" "),o("p",[t._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=blX-xpN8jFQ&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=35?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to work with Azure Logic App using Visual Studio 2017"),o("OutboundLink")],1),t._v(".")])]),t._v(" "),o("h3",{attrs:{id:"working-with-azure-logic-app-using-visual-studio-2017"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#working-with-azure-logic-app-using-visual-studio-2017"}},[t._v("#")]),t._v(" Working with Azure Logic App using Visual Studio 2017")]),t._v(" "),o("p",[t._v("A great tip that I remember learning from "),o("a",{attrs:{href:"https://twitter.com/jeffhollan?lang=en?WT.mc_id=twitter-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Jeff Hollan"),o("OutboundLink")],1),t._v(" is that folks can work with Logic Apps with Visual Studio. I'm going to use Visual Studio 2017 but previous version work as well.")]),t._v(" "),o("p",[t._v("Fire up Visual Studio 2017 and select "),o("strong",[t._v("File")]),t._v(" -> "),o("strong",[t._v("New Project")]),t._v(" -> "),o("strong",[t._v("Cloud")]),t._v(" -> "),o("strong",[t._v("Resource Group")])]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp1.png")}}),t._v(" "),o("p",[t._v("Give it a name and then you'll need to choose a template. Scroll down until you see "),o("strong",[t._v("Logic App")]),t._v(".")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp2.png")}}),t._v(" "),o("p",[t._v("Once everything spins up, you'll notice you have the following file structure in Visual Studio.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp3.png")}}),t._v(" "),o("ul",[o("li",[t._v("Deploy-AzureResourceGroup.ps1 - Is a PowerShell deployment script for the Logic App")]),t._v(" "),o("li",[t._v("LogicApp.json - This is where your main logic for your Logic App Lives")]),t._v(" "),o("li",[t._v("LogicApp.parameters.json - The parameters file that you'll mostly want to leave alone")])]),t._v(" "),o("p",[t._v("If you click on the "),o("strong",[t._v("LogicApp.json")]),t._v(" you'll see the code and a "),o("strong",[t._v("JSON Outline")]),t._v(" in Visual Studio and you could begin hand coding your app, but I'd rather use a designer. Go ahead and go to "),o("strong",[t._v("Tools")]),t._v(" and "),o("strong",[t._v("Extensions")]),t._v(" and search for "),o("strong",[t._v("Logic Apps")]),t._v(" and press "),o("strong",[t._v("Download")]),t._v(".")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp4.png")}}),t._v(" "),o("p",[t._v("A VSIX installer will appear after you close out of Visual Studio and just follow the steps to install it.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp5.png")}}),t._v(" "),o("p",[t._v("Now you can right click your "),o("strong",[t._v("LogicApp.json")]),t._v(" and have the ability to open it with the Designer!")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp6.png")}}),t._v(" "),o("p",[t._v("You'll need an internet connection and it will prompt you to log in.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp7.png")}}),t._v(" "),o("p",[t._v("Bingo! Now you're cooking with Fire! You can work with the designer just like you did in the Azure Portal.")])])}),[],!1,null,null,null);e.default=s.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[262],{620:function(t,e,o){"use strict";o.r(e);var i=o(43),s=Object(i.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),o("p",[t._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Logic Apps Documentation"),o("OutboundLink")],1),t._v(".")]),t._v(" "),o("p",[t._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=blX-xpN8jFQ&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=35?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to work with Azure Logic App using Visual Studio 2017"),o("OutboundLink")],1),t._v(".")])]),t._v(" "),o("h3",{attrs:{id:"working-with-azure-logic-app-using-visual-studio-2017"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#working-with-azure-logic-app-using-visual-studio-2017"}},[t._v("#")]),t._v(" Working with Azure Logic App using Visual Studio 2017")]),t._v(" "),o("p",[t._v("A great tip that I remember learning from "),o("a",{attrs:{href:"https://twitter.com/jeffhollan?lang=en?WT.mc_id=twitter-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Jeff Hollan"),o("OutboundLink")],1),t._v(" is that folks can work with Logic Apps with Visual Studio. I'm going to use Visual Studio 2017 but previous version work as well.")]),t._v(" "),o("p",[t._v("Fire up Visual Studio 2017 and select "),o("strong",[t._v("File")]),t._v(" -> "),o("strong",[t._v("New Project")]),t._v(" -> "),o("strong",[t._v("Cloud")]),t._v(" -> "),o("strong",[t._v("Resource Group")])]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp1.png")}}),t._v(" "),o("p",[t._v("Give it a name and then you'll need to choose a template. Scroll down until you see "),o("strong",[t._v("Logic App")]),t._v(".")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp2.png")}}),t._v(" "),o("p",[t._v("Once everything spins up, you'll notice you have the following file structure in Visual Studio.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp3.png")}}),t._v(" "),o("ul",[o("li",[t._v("Deploy-AzureResourceGroup.ps1 - Is a PowerShell deployment script for the Logic App")]),t._v(" "),o("li",[t._v("LogicApp.json - This is where your main logic for your Logic App Lives")]),t._v(" "),o("li",[t._v("LogicApp.parameters.json - The parameters file that you'll mostly want to leave alone")])]),t._v(" "),o("p",[t._v("If you click on the "),o("strong",[t._v("LogicApp.json")]),t._v(" you'll see the code and a "),o("strong",[t._v("JSON Outline")]),t._v(" in Visual Studio and you could begin hand coding your app, but I'd rather use a designer. Go ahead and go to "),o("strong",[t._v("Tools")]),t._v(" and "),o("strong",[t._v("Extensions")]),t._v(" and search for "),o("strong",[t._v("Logic Apps")]),t._v(" and press "),o("strong",[t._v("Download")]),t._v(".")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp4.png")}}),t._v(" "),o("p",[t._v("A VSIX installer will appear after you close out of Visual Studio and just follow the steps to install it.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp5.png")}}),t._v(" "),o("p",[t._v("Now you can right click your "),o("strong",[t._v("LogicApp.json")]),t._v(" and have the ability to open it with the Designer!")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp6.png")}}),t._v(" "),o("p",[t._v("You'll need an internet connection and it will prompt you to log in.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017logicapp7.png")}}),t._v(" "),o("p",[t._v("Bingo! Now you're cooking with Fire! You can work with the designer just like you did in the Azure Portal.")])])}),[],!1,null,null,null);e.default=s.exports}}]);

assets/js/263.22b97200.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[263],{620:function(t,e,o){"use strict";o.r(e);var r=o(43),s=Object(r.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),o("p",[t._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Logic Apps Documentation"),o("OutboundLink")],1),t._v(".")]),t._v(" "),o("p",[t._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=sK26e6JIBao&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=40?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to Deploy Azure Logic Apps through Visual Studio 2017"),o("OutboundLink")],1),t._v(".")])]),t._v(" "),o("h3",{attrs:{id:"deploying-azure-logic-app-through-visual-studio-2017"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#deploying-azure-logic-app-through-visual-studio-2017"}},[t._v("#")]),t._v(" Deploying Azure Logic App through Visual Studio 2017")]),t._v(" "),o("p",[t._v("Now that you know "),o("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip43.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("how to setup your Visual Studio environment"),o("OutboundLink")],1),t._v(", you probably wrote some code and it is time to deploy it.")]),t._v(" "),o("p",[t._v("Fire up Visual Studio 2017 Logic App project. In my case, I created an app that would monitor tweets and post them to OneDrive, but you can do whatever you want.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017deploylogicapp1.png")}}),t._v(" "),o("p",[t._v("Right click on the name of your project and select "),o("strong",[t._v("Deploy")]),t._v(" and then either "),o("strong",[t._v("New")]),t._v(" or an existing resource group.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017deploylogicapp2.png")}}),t._v(" "),o("p",[t._v("It will prompt you to login, so do so now.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017deploylogicapp3.png")}}),t._v(" "),o("p",[t._v("If there are any fields that you missed, then it will prompt you to enter them now. In my case, I had not set the name and it prompted me to do so.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017deploylogicapp4.png")}}),t._v(" "),o("p",[t._v("Now you'll see in the output window that it calls the PowerShell script to deploy the resources for your Logic App.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/deploylogicapp5.png")}}),t._v(" "),o("p",[t._v("Once it finishes deploying, log into the Azure Portal to see your new resource.")])])}),[],!1,null,null,null);e.default=s.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[263],{621:function(t,e,o){"use strict";o.r(e);var r=o(43),s=Object(r.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),o("p",[t._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Logic Apps Documentation"),o("OutboundLink")],1),t._v(".")]),t._v(" "),o("p",[t._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=sK26e6JIBao&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=40?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("How to Deploy Azure Logic Apps through Visual Studio 2017"),o("OutboundLink")],1),t._v(".")])]),t._v(" "),o("h3",{attrs:{id:"deploying-azure-logic-app-through-visual-studio-2017"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#deploying-azure-logic-app-through-visual-studio-2017"}},[t._v("#")]),t._v(" Deploying Azure Logic App through Visual Studio 2017")]),t._v(" "),o("p",[t._v("Now that you know "),o("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip43.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("how to setup your Visual Studio environment"),o("OutboundLink")],1),t._v(", you probably wrote some code and it is time to deploy it.")]),t._v(" "),o("p",[t._v("Fire up Visual Studio 2017 Logic App project. In my case, I created an app that would monitor tweets and post them to OneDrive, but you can do whatever you want.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017deploylogicapp1.png")}}),t._v(" "),o("p",[t._v("Right click on the name of your project and select "),o("strong",[t._v("Deploy")]),t._v(" and then either "),o("strong",[t._v("New")]),t._v(" or an existing resource group.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017deploylogicapp2.png")}}),t._v(" "),o("p",[t._v("It will prompt you to login, so do so now.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017deploylogicapp3.png")}}),t._v(" "),o("p",[t._v("If there are any fields that you missed, then it will prompt you to enter them now. In my case, I had not set the name and it prompted me to do so.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/vs2017deploylogicapp4.png")}}),t._v(" "),o("p",[t._v("Now you'll see in the output window that it calls the PowerShell script to deploy the resources for your Logic App.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/deploylogicapp5.png")}}),t._v(" "),o("p",[t._v("Once it finishes deploying, log into the Azure Portal to see your new resource.")])])}),[],!1,null,null,null);e.default=s.exports}}]);

assets/js/268.644158c8.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[268],{625:function(e,t,o){"use strict";o.r(t);var a=o(43),r=Object(a.a)({},(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),o("p",[e._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/cloud-shell/overview?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Overview of Azure Cloud Shell"),o("OutboundLink")],1),e._v(".")]),e._v(" "),o("p",[e._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=pB_xjSg7fcQ&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=43?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to Add the Azure Cloud Shell to Visual Studio Code"),o("OutboundLink")],1),e._v(".")])]),e._v(" "),o("h3",{attrs:{id:"add-azure-cloud-shell-to-visual-studio-code"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#add-azure-cloud-shell-to-visual-studio-code"}},[e._v("#")]),e._v(" Add Azure Cloud Shell to Visual Studio Code")]),e._v(" "),o("p",[e._v("I'm a big fan of "),o("a",{attrs:{href:"http://twitter.com/code?WT.mc_id=twitter-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Visual Studio Code"),o("OutboundLink")],1),e._v(" and "),o("a",{attrs:{href:"https://azure.microsoft.com/features/cloud-shell?WT.mc_id=azure-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Cloud Shell"),o("OutboundLink")],1),e._v(" and recently saw this "),o("a",{attrs:{href:"https://twitter.com/fiveisprime/status/928774771763900416?WT.mc_id=twitter-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("tweet"),o("OutboundLink")],1),e._v(" by Matt Hernandez and had to add it to this Azure Tips and Trick list. If you've been following the series, then you'd know that I covered Azure Cloud Shell and MS Docs back in "),o("RouterLink",{attrs:{to:"/blog/tip11/"}},[e._v("post 11")]),e._v(" and how to use PowerShell in Azure Cloud Shell in "),o("RouterLink",{attrs:{to:"/blog/tip17/"}},[e._v("post 17")]),e._v(". Today, we'll cover how to add Azure Cloud Shell to Visual Studio Code.")],1),e._v(" "),o("p",[e._v("It is fairly easy as all you need to do is open VS Code, click on Extensions and search for "),o("code",[e._v("azure account")]),e._v(" and install it as shown below.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azurevscode1.png")}}),e._v(" "),o("p",[e._v("Once installed, go to View -> Command Palette and type "),o("code",[e._v("Open Bash in Cloud Shell")]),e._v(".")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azurevscode2.png")}}),e._v(" "),o("p",[o("strong",[e._v("Note:")]),e._v(" You can also open PowerShell in Cloud Shell with this extension!")]),e._v(" "),o("p",[e._v("You'll need to sign in first and VS Code makes that simple by opening the browser and copying your device authentication code. Once that is complete, you'll see:")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azurevscode3.png")}}),e._v(" "),o("p",[e._v("Go back to View -> Command Palette and select "),o("code",[e._v("Open Bash in Cloud Shell")]),e._v(" again and it should spin up as shown below.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azurevscode4.png")}})])}),[],!1,null,null,null);t.default=r.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[268],{626:function(e,t,o){"use strict";o.r(t);var a=o(43),r=Object(a.a)({},(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),o("p",[e._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/cloud-shell/overview?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Overview of Azure Cloud Shell"),o("OutboundLink")],1),e._v(".")]),e._v(" "),o("p",[e._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=pB_xjSg7fcQ&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=43?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to Add the Azure Cloud Shell to Visual Studio Code"),o("OutboundLink")],1),e._v(".")])]),e._v(" "),o("h3",{attrs:{id:"add-azure-cloud-shell-to-visual-studio-code"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#add-azure-cloud-shell-to-visual-studio-code"}},[e._v("#")]),e._v(" Add Azure Cloud Shell to Visual Studio Code")]),e._v(" "),o("p",[e._v("I'm a big fan of "),o("a",{attrs:{href:"http://twitter.com/code?WT.mc_id=twitter-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Visual Studio Code"),o("OutboundLink")],1),e._v(" and "),o("a",{attrs:{href:"https://azure.microsoft.com/features/cloud-shell?WT.mc_id=azure-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Cloud Shell"),o("OutboundLink")],1),e._v(" and recently saw this "),o("a",{attrs:{href:"https://twitter.com/fiveisprime/status/928774771763900416?WT.mc_id=twitter-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("tweet"),o("OutboundLink")],1),e._v(" by Matt Hernandez and had to add it to this Azure Tips and Trick list. If you've been following the series, then you'd know that I covered Azure Cloud Shell and MS Docs back in "),o("RouterLink",{attrs:{to:"/blog/tip11/"}},[e._v("post 11")]),e._v(" and how to use PowerShell in Azure Cloud Shell in "),o("RouterLink",{attrs:{to:"/blog/tip17/"}},[e._v("post 17")]),e._v(". Today, we'll cover how to add Azure Cloud Shell to Visual Studio Code.")],1),e._v(" "),o("p",[e._v("It is fairly easy as all you need to do is open VS Code, click on Extensions and search for "),o("code",[e._v("azure account")]),e._v(" and install it as shown below.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azurevscode1.png")}}),e._v(" "),o("p",[e._v("Once installed, go to View -> Command Palette and type "),o("code",[e._v("Open Bash in Cloud Shell")]),e._v(".")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azurevscode2.png")}}),e._v(" "),o("p",[o("strong",[e._v("Note:")]),e._v(" You can also open PowerShell in Cloud Shell with this extension!")]),e._v(" "),o("p",[e._v("You'll need to sign in first and VS Code makes that simple by opening the browser and copying your device authentication code. Once that is complete, you'll see:")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azurevscode3.png")}}),e._v(" "),o("p",[e._v("Go back to View -> Command Palette and select "),o("code",[e._v("Open Bash in Cloud Shell")]),e._v(" again and it should spin up as shown below.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azurevscode4.png")}})])}),[],!1,null,null,null);t.default=r.exports}}]);

assets/js/269.fc9a5fd8.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[269],{626:function(t,e,s){"use strict";s.r(e);var a=s(43),r=Object(a.a)({},(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),s("p",[t._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-portal?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure portal documentation"),s("OutboundLink")],1),t._v(".")])]),t._v(" "),s("h3",{attrs:{id:"custom-tile-sizes-in-the-azure-dashboard"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#custom-tile-sizes-in-the-azure-dashboard"}},[t._v("#")]),t._v(" Custom Tile Sizes in the Azure Dashboard")]),t._v(" "),s("p",[t._v("We learned in the last Azure tip and Trick that the Azure dashboard supports drag and drop and re-size tiles in the Azure dashboard. We also learned that you can customize charts (such as the ones seen in Virtual Machines) to include stats such as CPU when you pin it to the dashboard.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azuretip4.gif")}}),t._v(" "),s("p",[t._v("But some tiles support custom tile sizes which you can locate by looking in the bottom right hand corner. If you see a corner arrow then you can resize the tile!")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azuretip5.gif")}})])}),[],!1,null,null,null);e.default=r.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[269],{627:function(t,e,s){"use strict";s.r(e);var a=s(43),r=Object(a.a)({},(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),s("p",[t._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-portal?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure portal documentation"),s("OutboundLink")],1),t._v(".")])]),t._v(" "),s("h3",{attrs:{id:"custom-tile-sizes-in-the-azure-dashboard"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#custom-tile-sizes-in-the-azure-dashboard"}},[t._v("#")]),t._v(" Custom Tile Sizes in the Azure Dashboard")]),t._v(" "),s("p",[t._v("We learned in the last Azure tip and Trick that the Azure dashboard supports drag and drop and re-size tiles in the Azure dashboard. We also learned that you can customize charts (such as the ones seen in Virtual Machines) to include stats such as CPU when you pin it to the dashboard.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azuretip4.gif")}}),t._v(" "),s("p",[t._v("But some tiles support custom tile sizes which you can locate by looking in the bottom right hand corner. If you see a corner arrow then you can resize the tile!")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azuretip5.gif")}})])}),[],!1,null,null,null);e.default=r.exports}}]);

assets/js/270.97b5e4dc.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[270],{627:function(e,t,o){"use strict";o.r(t);var a=o(43),n=Object(a.a)({},(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),o("p",[e._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-functions/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Functions Documentation"),o("OutboundLink")],1),e._v(".")]),e._v(" "),o("p",[e._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=F0dJz8LLF4Q&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=44?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to Create an Azure Functions Project with Visual Studio Code"),o("OutboundLink")],1),e._v(".")])]),e._v(" "),o("h3",{attrs:{id:"create-an-azure-functions-project-with-visual-studio-code"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#create-an-azure-functions-project-with-visual-studio-code"}},[e._v("#")]),e._v(" Create an Azure Functions project with Visual Studio Code")]),e._v(" "),o("p",[e._v("Visual Studio Code is the best thing since coffee for developers and if you pair it with Azure Functions... well, more awesome happens. In this post, we'll look at adding an Azure Function project to Visual Studio Code.")]),e._v(" "),o("p",[e._v("It is fairly easy as all you need to do is open VS Code, click on Extensions and search for "),o("code",[e._v("azure functions")]),e._v(" and install it as shown below.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncvscode1.png")}}),e._v(" "),o("p",[e._v("Once installed, you'll need to reload the extension and you should see your subscriptions.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncvscode2.png")}}),e._v(" "),o("p",[e._v("You may need to sign in if Visual Studio Code hasn't already been authenticated.")]),e._v(" "),o("p",[e._v("Now you should create a project, then a function app, and select which template that you want to use. After you select a template, then you'll need to provide a name and a authorization level.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncvscode3.gif")}}),e._v(" "),o("p",[e._v("Just hit F5 and you have a local Azure Function running in Visual Studio Code.")])])}),[],!1,null,null,null);t.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[270],{628:function(e,t,o){"use strict";o.r(t);var a=o(43),n=Object(a.a)({},(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),o("p",[e._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/azure-functions/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Functions Documentation"),o("OutboundLink")],1),e._v(".")]),e._v(" "),o("p",[e._v("📺 Watch the video : "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=F0dJz8LLF4Q&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=44?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to Create an Azure Functions Project with Visual Studio Code"),o("OutboundLink")],1),e._v(".")])]),e._v(" "),o("h3",{attrs:{id:"create-an-azure-functions-project-with-visual-studio-code"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#create-an-azure-functions-project-with-visual-studio-code"}},[e._v("#")]),e._v(" Create an Azure Functions project with Visual Studio Code")]),e._v(" "),o("p",[e._v("Visual Studio Code is the best thing since coffee for developers and if you pair it with Azure Functions... well, more awesome happens. In this post, we'll look at adding an Azure Function project to Visual Studio Code.")]),e._v(" "),o("p",[e._v("It is fairly easy as all you need to do is open VS Code, click on Extensions and search for "),o("code",[e._v("azure functions")]),e._v(" and install it as shown below.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncvscode1.png")}}),e._v(" "),o("p",[e._v("Once installed, you'll need to reload the extension and you should see your subscriptions.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncvscode2.png")}}),e._v(" "),o("p",[e._v("You may need to sign in if Visual Studio Code hasn't already been authenticated.")]),e._v(" "),o("p",[e._v("Now you should create a project, then a function app, and select which template that you want to use. After you select a template, then you'll need to provide a name and a authorization level.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncvscode3.gif")}}),e._v(" "),o("p",[e._v("Just hit F5 and you have a local Azure Function running in Visual Studio Code.")])])}),[],!1,null,null,null);t.default=n.exports}}]);

assets/js/272.01ce00e9.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[272],{629:function(e,t,o){"use strict";o.r(t);var i=o(43),n=Object(i.a)({},(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[o("h3",{attrs:{id:"deploy-azure-functions-with-visual-studio-code"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#deploy-azure-functions-with-visual-studio-code"}},[e._v("#")]),e._v(" Deploy Azure Functions with Visual Studio Code")]),e._v(" "),o("p",[e._v("We previously looked at adding an Azure Function project to Visual Studio Code in this "),o("RouterLink",{attrs:{to:"/blog/tip50.html"}},[e._v("post")]),e._v(" and then we looked at "),o("RouterLink",{attrs:{to:"/blog/tip51.html"}},[e._v("debugging it locally")]),e._v(". In this post, we'll wrap up this mini-series by deploying Azure Functions to Azure directly.")],1),e._v(" "),o("p",[e._v("Select the Azure subscription that you'd like to use and select \"Create Function App in Azure.\" You'll need to select a name and then a resource group (or create a new one). Finally, you'll need a storage account which you can also create a new one or select an existing one. Once that is complete, the Azure Function has been created in Azure.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncdeploy.gif")}}),e._v(" "),o("p",[e._v("Now we'll push some code to the newly created Azure Function. Select your Azure Subscription and click deploy. You'll be asked to select the folder to deploy (which it creates a zip), then a subscription, the Function App. Press Yes when asked to overwrite and it will begin deploying.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncdeploy1.gif")}}),e._v(" "),o("p",[e._v("You can switch over to your browser to verify if you want.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncdeploy2.png")}})])}),[],!1,null,null,null);t.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[272],{630:function(e,t,o){"use strict";o.r(t);var i=o(43),n=Object(i.a)({},(function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[o("h3",{attrs:{id:"deploy-azure-functions-with-visual-studio-code"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#deploy-azure-functions-with-visual-studio-code"}},[e._v("#")]),e._v(" Deploy Azure Functions with Visual Studio Code")]),e._v(" "),o("p",[e._v("We previously looked at adding an Azure Function project to Visual Studio Code in this "),o("RouterLink",{attrs:{to:"/blog/tip50.html"}},[e._v("post")]),e._v(" and then we looked at "),o("RouterLink",{attrs:{to:"/blog/tip51.html"}},[e._v("debugging it locally")]),e._v(". In this post, we'll wrap up this mini-series by deploying Azure Functions to Azure directly.")],1),e._v(" "),o("p",[e._v("Select the Azure subscription that you'd like to use and select \"Create Function App in Azure.\" You'll need to select a name and then a resource group (or create a new one). Finally, you'll need a storage account which you can also create a new one or select an existing one. Once that is complete, the Azure Function has been created in Azure.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncdeploy.gif")}}),e._v(" "),o("p",[e._v("Now we'll push some code to the newly created Azure Function. Select your Azure Subscription and click deploy. You'll be asked to select the folder to deploy (which it creates a zip), then a subscription, the Function App. Press Yes when asked to overwrite and it will begin deploying.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncdeploy1.gif")}}),e._v(" "),o("p",[e._v("You can switch over to your browser to verify if you want.")]),e._v(" "),o("img",{attrs:{src:e.$withBase("/files/azfuncdeploy2.png")}})])}),[],!1,null,null,null);t.default=n.exports}}]);

assets/js/273.8fa1542e.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[273],{630:function(e,t,r){"use strict";r.r(t);var n=r(43),i=Object(n.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h3",{attrs:{id:"prebuilt-azure-vms-ready-for-containers"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#prebuilt-azure-vms-ready-for-containers"}},[e._v("#")]),e._v(" Prebuilt Azure VMs ready for Containers")]),e._v(" "),r("p",[e._v("While I was at Microsoft Connect last week, I met someone who recently read my Docker Container mini-series that covered "),r("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip45.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("Getting Started with Docker and Azure"),r("OutboundLink")],1),e._v(", "),r("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip46.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("Running an app inside a Container Image with Docker"),r("OutboundLink")],1),e._v(", "),r("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip47.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("Creating a Container Image with Docker"),r("OutboundLink")],1),e._v(" and "),r("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip48.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("Pushing a Container Image to a Docker Repo"),r("OutboundLink")],1),e._v(". The question that came up was how they wish we had prebuilt Azure VMs that had container images already on them. This would save them additional time and something that they would expect. You can imagine their surprise when I told them that we had them already. In this post, we'll take a quick look at how to find them.")]),e._v(" "),r("p",[e._v("Open "),r("strong",[e._v("Virtual Machines")]),e._v(" and click on "),r("strong",[e._v("Add")]),e._v(", then search for "),r("strong",[e._v("containers")]),e._v(". You may optionally want to set a filter to restrict to Windows and Linux based.")]),e._v(" "),r("img",{attrs:{src:e.$withBase("/files/vmcontainer2.png")}}),e._v(" "),r("img",{attrs:{src:e.$withBase("/files/vmcontainer1.png")}}),e._v(" "),r("p",[e._v("From this screen, you can see a variety of Windows and Linux VMs. If I wanted a Windows VM, then I'd probably pick this one:")]),e._v(" "),r("img",{attrs:{src:e.$withBase("/files/vmcontainer3.png")}}),e._v(" "),r("p",[e._v("Note the following text: It includes Windows Server container images installed and ready to use with Docker.")]),e._v(" "),r("p",[e._v("For Linux, I might choose this one:")]),e._v(" "),r("img",{attrs:{src:e.$withBase("/files/vmcontainer4.png")}}),e._v(" "),r("p",[e._v("Note the following text: When we started the RancherOS project, we set out to build a minimalist Linux distribution that was perfect for running Docker containers. We wanted to run Docker directly on top of the Linux Kernel, and have all user-space Linux services be distributed as Docker containers.")])])}),[],!1,null,null,null);t.default=i.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[273],{631:function(e,t,r){"use strict";r.r(t);var n=r(43),i=Object(n.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h3",{attrs:{id:"prebuilt-azure-vms-ready-for-containers"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#prebuilt-azure-vms-ready-for-containers"}},[e._v("#")]),e._v(" Prebuilt Azure VMs ready for Containers")]),e._v(" "),r("p",[e._v("While I was at Microsoft Connect last week, I met someone who recently read my Docker Container mini-series that covered "),r("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip45.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("Getting Started with Docker and Azure"),r("OutboundLink")],1),e._v(", "),r("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip46.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("Running an app inside a Container Image with Docker"),r("OutboundLink")],1),e._v(", "),r("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip47.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("Creating a Container Image with Docker"),r("OutboundLink")],1),e._v(" and "),r("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip48.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("Pushing a Container Image to a Docker Repo"),r("OutboundLink")],1),e._v(". The question that came up was how they wish we had prebuilt Azure VMs that had container images already on them. This would save them additional time and something that they would expect. You can imagine their surprise when I told them that we had them already. In this post, we'll take a quick look at how to find them.")]),e._v(" "),r("p",[e._v("Open "),r("strong",[e._v("Virtual Machines")]),e._v(" and click on "),r("strong",[e._v("Add")]),e._v(", then search for "),r("strong",[e._v("containers")]),e._v(". You may optionally want to set a filter to restrict to Windows and Linux based.")]),e._v(" "),r("img",{attrs:{src:e.$withBase("/files/vmcontainer2.png")}}),e._v(" "),r("img",{attrs:{src:e.$withBase("/files/vmcontainer1.png")}}),e._v(" "),r("p",[e._v("From this screen, you can see a variety of Windows and Linux VMs. If I wanted a Windows VM, then I'd probably pick this one:")]),e._v(" "),r("img",{attrs:{src:e.$withBase("/files/vmcontainer3.png")}}),e._v(" "),r("p",[e._v("Note the following text: It includes Windows Server container images installed and ready to use with Docker.")]),e._v(" "),r("p",[e._v("For Linux, I might choose this one:")]),e._v(" "),r("img",{attrs:{src:e.$withBase("/files/vmcontainer4.png")}}),e._v(" "),r("p",[e._v("Note the following text: When we started the RancherOS project, we set out to build a minimalist Linux distribution that was perfect for running Docker containers. We wanted to run Docker directly on top of the Linux Kernel, and have all user-space Linux services be distributed as Docker containers.")])])}),[],!1,null,null,null);t.default=i.exports}}]);

assets/js/276.dae0b25b.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[276],{633:function(e,o,t){"use strict";t.r(o);var r=t(43),a=Object(r.a)({},(function(){var e=this,o=e.$createElement,t=e._self._c||o;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),t("p",[e._v("💡 Learn more : "),t("a",{attrs:{href:"https://docs.microsoft.com/azure/containers/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure for Containers"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("h3",{attrs:{id:"deploy-a-net-core-webapi-project-to-web-app-for-containers"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#deploy-a-net-core-webapi-project-to-web-app-for-containers"}},[e._v("#")]),e._v(" Deploy a .NET Core WebAPI Project to Web App for Containers")]),e._v(" "),t("h4",{attrs:{id:"use-net-core-webapi-and-docker-compose"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#use-net-core-webapi-and-docker-compose"}},[e._v("#")]),e._v(" Use .NET Core WebAPI and Docker Compose")]),e._v(" "),t("p",[e._v("How hard do you think it is to:")]),e._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/blog/tip54.html"}},[e._v("Create and Publish a .NET Core WebAPI project")])],1),e._v(" "),t("li",[t("RouterLink",{attrs:{to:"/blog/tip55.html"}},[e._v("Add it to a Docker Container using Docker Compose and push it to a Docker Hub")])],1),e._v(" "),t("li",[t("RouterLink",{attrs:{to:"/blog/tip56.html"}},[e._v("Use it in Azure with Web App for Containers")])],1)]),e._v(" "),t("p",[e._v("In this mini-series, we'll build on each part starting with creating and publishing a .NET Core WebAPI project. Yesterday, we used Docker Compose to create an image and push it to Docker Cloud and we'll wrap up today by deploying it to Azure using "),t("a",{attrs:{href:"https://azure.microsoft.com/services/app-service/containers?WT.mc_id=azure-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Web App for Containers"),t("OutboundLink")],1),e._v("?WT.mc_id=azure-azuredevtips-azureappsdev).")]),e._v(" "),t("h4",{attrs:{id:"deploy-a-net-core-webapi-project-to-web-app-for-containers-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#deploy-a-net-core-webapi-project-to-web-app-for-containers-2"}},[e._v("#")]),e._v(" Deploy a .NET Core WebAPI Project to Web App for Containers")]),e._v(" "),t("p",[e._v("In "),t("RouterLink",{attrs:{to:"/blog/tip55.html"}},[e._v("Tip 55")]),e._v(" we pushed our Docker Image to Docker Cloud. As a reminder, we created a repository in Docker Cloud and headed back to our command prompt (or terminal) and ran the following commands:")],1),e._v(" "),t("p",[t("code",[e._v("docker login")]),e._v(" to authenticate")]),e._v(" "),t("p",[t("code",[e._v("docker push mbcrump/mbcwebapi:latest")]),e._v(" to push your image to Docker Cloud.")]),e._v(" "),t("p",[e._v("Now that we have a Docker Cloud repository, we can push it to Azure using "),t("a",{attrs:{href:"https://azure.microsoft.com/services/app-service/containers?WT.mc_id=azure-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Web App for Containers"),t("OutboundLink")],1),e._v("?WT.mc_id=azure-azuredevtips-azureappsdev).")]),e._v(" "),t("p",[e._v("Go ahead and log into the Azure Portal and search for "),t("code",[e._v("Web App for Containers")]),e._v(". You should see the following:")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/webappcont1.png")}}),e._v(" "),t("p",[e._v("Press the "),t("code",[e._v("Create")]),e._v(" button and you should see the following:")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/webappcont2.png")}}),e._v(" "),t("p",[e._v("You should be familiar with (name, resource group, etc.) with the exception being the "),t("code",[e._v("Configure Container")]),e._v(" section.")]),e._v(" "),t("p",[e._v("Here we will use Docker Hub (think Docker Cloud), our repo is public, and the name of the image. Which follows the format "),t("code",[e._v("docker username/our app name:tag")]),e._v(". For a refresher, visit "),t("RouterLink",{attrs:{to:"/blog/tip55/"}},[e._v("Step 2 in yesterday's post")]),e._v(".")],1),e._v(" "),t("p",[e._v("After our Web App for Container is deployed, you can simply go to your new url and append "),t("code",[e._v("/api/values")]),e._v(" to see your new site.")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/webappcont3.png")}})])}),[],!1,null,null,null);o.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[276],{634:function(e,o,t){"use strict";t.r(o);var r=t(43),a=Object(r.a)({},(function(){var e=this,o=e.$createElement,t=e._self._c||o;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),t("p",[e._v("💡 Learn more : "),t("a",{attrs:{href:"https://docs.microsoft.com/azure/containers/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure for Containers"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("h3",{attrs:{id:"deploy-a-net-core-webapi-project-to-web-app-for-containers"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#deploy-a-net-core-webapi-project-to-web-app-for-containers"}},[e._v("#")]),e._v(" Deploy a .NET Core WebAPI Project to Web App for Containers")]),e._v(" "),t("h4",{attrs:{id:"use-net-core-webapi-and-docker-compose"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#use-net-core-webapi-and-docker-compose"}},[e._v("#")]),e._v(" Use .NET Core WebAPI and Docker Compose")]),e._v(" "),t("p",[e._v("How hard do you think it is to:")]),e._v(" "),t("ul",[t("li",[t("RouterLink",{attrs:{to:"/blog/tip54.html"}},[e._v("Create and Publish a .NET Core WebAPI project")])],1),e._v(" "),t("li",[t("RouterLink",{attrs:{to:"/blog/tip55.html"}},[e._v("Add it to a Docker Container using Docker Compose and push it to a Docker Hub")])],1),e._v(" "),t("li",[t("RouterLink",{attrs:{to:"/blog/tip56.html"}},[e._v("Use it in Azure with Web App for Containers")])],1)]),e._v(" "),t("p",[e._v("In this mini-series, we'll build on each part starting with creating and publishing a .NET Core WebAPI project. Yesterday, we used Docker Compose to create an image and push it to Docker Cloud and we'll wrap up today by deploying it to Azure using "),t("a",{attrs:{href:"https://azure.microsoft.com/services/app-service/containers?WT.mc_id=azure-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Web App for Containers"),t("OutboundLink")],1),e._v("?WT.mc_id=azure-azuredevtips-azureappsdev).")]),e._v(" "),t("h4",{attrs:{id:"deploy-a-net-core-webapi-project-to-web-app-for-containers-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#deploy-a-net-core-webapi-project-to-web-app-for-containers-2"}},[e._v("#")]),e._v(" Deploy a .NET Core WebAPI Project to Web App for Containers")]),e._v(" "),t("p",[e._v("In "),t("RouterLink",{attrs:{to:"/blog/tip55.html"}},[e._v("Tip 55")]),e._v(" we pushed our Docker Image to Docker Cloud. As a reminder, we created a repository in Docker Cloud and headed back to our command prompt (or terminal) and ran the following commands:")],1),e._v(" "),t("p",[t("code",[e._v("docker login")]),e._v(" to authenticate")]),e._v(" "),t("p",[t("code",[e._v("docker push mbcrump/mbcwebapi:latest")]),e._v(" to push your image to Docker Cloud.")]),e._v(" "),t("p",[e._v("Now that we have a Docker Cloud repository, we can push it to Azure using "),t("a",{attrs:{href:"https://azure.microsoft.com/services/app-service/containers?WT.mc_id=azure-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Web App for Containers"),t("OutboundLink")],1),e._v("?WT.mc_id=azure-azuredevtips-azureappsdev).")]),e._v(" "),t("p",[e._v("Go ahead and log into the Azure Portal and search for "),t("code",[e._v("Web App for Containers")]),e._v(". You should see the following:")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/webappcont1.png")}}),e._v(" "),t("p",[e._v("Press the "),t("code",[e._v("Create")]),e._v(" button and you should see the following:")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/webappcont2.png")}}),e._v(" "),t("p",[e._v("You should be familiar with (name, resource group, etc.) with the exception being the "),t("code",[e._v("Configure Container")]),e._v(" section.")]),e._v(" "),t("p",[e._v("Here we will use Docker Hub (think Docker Cloud), our repo is public, and the name of the image. Which follows the format "),t("code",[e._v("docker username/our app name:tag")]),e._v(". For a refresher, visit "),t("RouterLink",{attrs:{to:"/blog/tip55/"}},[e._v("Step 2 in yesterday's post")]),e._v(".")],1),e._v(" "),t("p",[e._v("After our Web App for Container is deployed, you can simply go to your new url and append "),t("code",[e._v("/api/values")]),e._v(" to see your new site.")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/webappcont3.png")}})])}),[],!1,null,null,null);o.default=a.exports}}]);

assets/js/286.fa30a605.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[286],{644:function(t,e,o){"use strict";o.r(e);var a=o(43),s=Object(a.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),o("p",[t._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/cosmos-db/introduction?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Cosmos DB"),o("OutboundLink")],1),t._v(".")])]),t._v(" "),o("h3",{attrs:{id:"using-the-data-migration-tool-with-cosmos-db"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#using-the-data-migration-tool-with-cosmos-db"}},[t._v("#")]),t._v(" Using the Data Migration Tool with Cosmos DB")]),t._v(" "),o("p",[t._v("One tasks that seems to come up over and over is migrating data from one format into another. I was recently building out an API and needed to dump some data into Cosmos DB. The tool that made short work of this was the "),o("a",{attrs:{href:"https://www.microsoft.com/en-us/download/details.aspx?id=46436",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure DocumentDB Data Migration Tool"),o("OutboundLink")],1),t._v(". In my case, I needed to dump a large JSON file into Cosmos DB. Here is how I did it.")]),t._v(" "),o("h4",{attrs:{id:"the-tools-sample-data"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#the-tools-sample-data"}},[t._v("#")]),t._v(" The Tools + Sample Data")]),t._v(" "),o("p",[t._v("Download and install the "),o("a",{attrs:{href:"https://www.microsoft.com/en-us/download/details.aspx?id=46436",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure DocumentDB Data Migration Tool"),o("OutboundLink")],1)]),t._v(" "),o("p",[t._v("Grab whatever sample file that you'd like to experiment with. I'm using the "),o("code",[t._v("en_kjv.json")]),t._v(" JSON file from "),o("a",{attrs:{href:"https://github.com/thiagobodruk/bible/tree/master/json?WT.mc_id=github-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("here"),o("OutboundLink")],1)]),t._v(" "),o("p",[t._v("Now we're ready to begin work!")]),t._v(" "),o("h4",{attrs:{id:"get-to-work"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#get-to-work"}},[t._v("#")]),t._v(" Get to Work")]),t._v(" "),o("p",[t._v("Open the Data Migration Tool and under "),o("strong",[t._v("Source Information")]),t._v(", point to the local JSON file as shown below.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos1.png")}}),t._v(" "),o("p",[t._v("Ensure you have a Cosmos DB database id and collection. I'm using the following:")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos7.png")}}),t._v(" "),o("p",[t._v("Go to "),o("strong",[t._v("Keys")]),t._v(" (inside your Cosmos DB blade in the portal) to copy the "),o("strong",[t._v("Primary Connection String")])]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos2.png")}}),t._v(" "),o("p",[t._v("You'll need to append the Database name to the end of the string. For example "),o("code",[t._v("Database=bible")]),t._v(" will be appended to the string "),o("code",[t._v("AccountEndpoint=https://mbcrump.documents.azure.com:443/;AccountKey=VxDEcJblah==;Database=bible")]),t._v(" that I copied out of the portal. Now press "),o("strong",[t._v("Verify Connection")]),t._v(".")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos3.png")}}),t._v(" "),o("p",[t._v("You'll need to add the "),o("strong",[t._v("Collection")]),t._v(" and in my case it is "),o("code",[t._v("verses")]),t._v(". We'll take the defaults on the next two screens and you'll finally see a "),o("strong",[t._v("Confirm inport settings")]),t._v(" page.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos4.png")}}),t._v(" "),o("p",[t._v("You can even click on "),o("strong",[t._v("View Command")]),t._v(" to see the command that will be used to migrate your data. This is helpful to just learn the syntax.")]),t._v(" "),o("p",[t._v("You'll finally see the Import has completed with 66 transferred. (This is the total number of books in the Bible.)")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos5.png")}}),t._v(" "),o("p",[t._v("If you go back to the Azure Portal and open Cosmos DB and look under "),o("strong",[t._v("Data Explorer")]),t._v(", you'll see the data has been imported successfully into our collection.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos6.png")}})])}),[],!1,null,null,null);e.default=s.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[286],{645:function(t,e,o){"use strict";o.r(e);var a=o(43),s=Object(a.a)({},(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[o("div",{staticClass:"custom-block tip"},[o("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),o("p",[t._v("💡 Learn more : "),o("a",{attrs:{href:"https://docs.microsoft.com/azure/cosmos-db/introduction?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Cosmos DB"),o("OutboundLink")],1),t._v(".")])]),t._v(" "),o("h3",{attrs:{id:"using-the-data-migration-tool-with-cosmos-db"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#using-the-data-migration-tool-with-cosmos-db"}},[t._v("#")]),t._v(" Using the Data Migration Tool with Cosmos DB")]),t._v(" "),o("p",[t._v("One tasks that seems to come up over and over is migrating data from one format into another. I was recently building out an API and needed to dump some data into Cosmos DB. The tool that made short work of this was the "),o("a",{attrs:{href:"https://www.microsoft.com/en-us/download/details.aspx?id=46436",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure DocumentDB Data Migration Tool"),o("OutboundLink")],1),t._v(". In my case, I needed to dump a large JSON file into Cosmos DB. Here is how I did it.")]),t._v(" "),o("h4",{attrs:{id:"the-tools-sample-data"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#the-tools-sample-data"}},[t._v("#")]),t._v(" The Tools + Sample Data")]),t._v(" "),o("p",[t._v("Download and install the "),o("a",{attrs:{href:"https://www.microsoft.com/en-us/download/details.aspx?id=46436",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure DocumentDB Data Migration Tool"),o("OutboundLink")],1)]),t._v(" "),o("p",[t._v("Grab whatever sample file that you'd like to experiment with. I'm using the "),o("code",[t._v("en_kjv.json")]),t._v(" JSON file from "),o("a",{attrs:{href:"https://github.com/thiagobodruk/bible/tree/master/json?WT.mc_id=github-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("here"),o("OutboundLink")],1)]),t._v(" "),o("p",[t._v("Now we're ready to begin work!")]),t._v(" "),o("h4",{attrs:{id:"get-to-work"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#get-to-work"}},[t._v("#")]),t._v(" Get to Work")]),t._v(" "),o("p",[t._v("Open the Data Migration Tool and under "),o("strong",[t._v("Source Information")]),t._v(", point to the local JSON file as shown below.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos1.png")}}),t._v(" "),o("p",[t._v("Ensure you have a Cosmos DB database id and collection. I'm using the following:")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos7.png")}}),t._v(" "),o("p",[t._v("Go to "),o("strong",[t._v("Keys")]),t._v(" (inside your Cosmos DB blade in the portal) to copy the "),o("strong",[t._v("Primary Connection String")])]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos2.png")}}),t._v(" "),o("p",[t._v("You'll need to append the Database name to the end of the string. For example "),o("code",[t._v("Database=bible")]),t._v(" will be appended to the string "),o("code",[t._v("AccountEndpoint=https://mbcrump.documents.azure.com:443/;AccountKey=VxDEcJblah==;Database=bible")]),t._v(" that I copied out of the portal. Now press "),o("strong",[t._v("Verify Connection")]),t._v(".")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos3.png")}}),t._v(" "),o("p",[t._v("You'll need to add the "),o("strong",[t._v("Collection")]),t._v(" and in my case it is "),o("code",[t._v("verses")]),t._v(". We'll take the defaults on the next two screens and you'll finally see a "),o("strong",[t._v("Confirm inport settings")]),t._v(" page.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos4.png")}}),t._v(" "),o("p",[t._v("You can even click on "),o("strong",[t._v("View Command")]),t._v(" to see the command that will be used to migrate your data. This is helpful to just learn the syntax.")]),t._v(" "),o("p",[t._v("You'll finally see the Import has completed with 66 transferred. (This is the total number of books in the Bible.)")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos5.png")}}),t._v(" "),o("p",[t._v("If you go back to the Azure Portal and open Cosmos DB and look under "),o("strong",[t._v("Data Explorer")]),t._v(", you'll see the data has been imported successfully into our collection.")]),t._v(" "),o("img",{attrs:{src:t.$withBase("/files/migrationcosmos6.png")}})])}),[],!1,null,null,null);e.default=s.exports}}]);

assets/js/287.26efffb4.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[287],{645:function(e,s,t){"use strict";t.r(s);var r=t(43),a=Object(r.a)({},(function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),t("p",[e._v("💡 Learn more : "),t("a",{attrs:{href:"https://docs.microsoft.com/azure/cosmos-db/introduction?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Cosmos DB"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("h3",{attrs:{id:"querying-documents-properties-with-special-characters-in-cosmos-db"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#querying-documents-properties-with-special-characters-in-cosmos-db"}},[e._v("#")]),e._v(" Querying documents properties with special characters in Cosmos DB")]),e._v(" "),t("p",[e._v("I was working with Cosmos DB yesterday and hit the following snag that I couldn't query my document that had special characters in it. Such is an example:")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/querycosmos1.png")}}),e._v(" "),t("p",[e._v("Notice the "),t("code",[e._v('"$type": "mytype",')]),e._v(" has a "),t("code",[e._v("$")]),e._v(" in it.")]),e._v(" "),t("p",[e._v("If you head over to "),t("strong",[e._v("Query Explorer")]),e._v(" and try to query it using...")]),e._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[e._v("SELECT *\nFROM testing t\nWHERE t.$type = 'mytype'\n")])]),e._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[e._v("1")]),t("br"),t("span",{staticClass:"line-number"},[e._v("2")]),t("br"),t("span",{staticClass:"line-number"},[e._v("3")]),t("br")])]),t("p",[e._v("... then you'll see the following error:")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/querycosmos2.png")}}),e._v(" "),t("p",[e._v("I was able to fix this by wrapping the property inside "),t("code",[e._v("[]")]),e._v(" such as...")]),e._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[e._v("SELECT *\nFROM testing t\nWHERE t[\"$type\"] = 'mytype'\n")])]),e._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[e._v("1")]),t("br"),t("span",{staticClass:"line-number"},[e._v("2")]),t("br"),t("span",{staticClass:"line-number"},[e._v("3")]),t("br")])]),t("p",[e._v("Now my query returned properly")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/querycosmos3.png")}})])}),[],!1,null,null,null);s.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[287],{644:function(e,s,t){"use strict";t.r(s);var r=t(43),a=Object(r.a)({},(function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),t("p",[e._v("💡 Learn more : "),t("a",{attrs:{href:"https://docs.microsoft.com/azure/cosmos-db/introduction?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Cosmos DB"),t("OutboundLink")],1),e._v(".")])]),e._v(" "),t("h3",{attrs:{id:"querying-documents-properties-with-special-characters-in-cosmos-db"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#querying-documents-properties-with-special-characters-in-cosmos-db"}},[e._v("#")]),e._v(" Querying documents properties with special characters in Cosmos DB")]),e._v(" "),t("p",[e._v("I was working with Cosmos DB yesterday and hit the following snag that I couldn't query my document that had special characters in it. Such is an example:")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/querycosmos1.png")}}),e._v(" "),t("p",[e._v("Notice the "),t("code",[e._v('"$type": "mytype",')]),e._v(" has a "),t("code",[e._v("$")]),e._v(" in it.")]),e._v(" "),t("p",[e._v("If you head over to "),t("strong",[e._v("Query Explorer")]),e._v(" and try to query it using...")]),e._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[e._v("SELECT *\nFROM testing t\nWHERE t.$type = 'mytype'\n")])]),e._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[e._v("1")]),t("br"),t("span",{staticClass:"line-number"},[e._v("2")]),t("br"),t("span",{staticClass:"line-number"},[e._v("3")]),t("br")])]),t("p",[e._v("... then you'll see the following error:")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/querycosmos2.png")}}),e._v(" "),t("p",[e._v("I was able to fix this by wrapping the property inside "),t("code",[e._v("[]")]),e._v(" such as...")]),e._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[e._v("SELECT *\nFROM testing t\nWHERE t[\"$type\"] = 'mytype'\n")])]),e._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[e._v("1")]),t("br"),t("span",{staticClass:"line-number"},[e._v("2")]),t("br"),t("span",{staticClass:"line-number"},[e._v("3")]),t("br")])]),t("p",[e._v("Now my query returned properly")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/files/querycosmos3.png")}})])}),[],!1,null,null,null);s.default=a.exports}}]);

assets/js/290.a0b7edb4.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[290],{648:function(e,t,a){"use strict";a.r(t);var r=a(43),s=Object(r.a)({},(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),a("p",[e._v("💡 Learn more : "),a("a",{attrs:{href:"https://docs.microsoft.com/cli/azure?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Command-Line Interface (CLI)"),a("OutboundLink")],1),e._v(".")]),e._v(" "),a("p",[e._v("📺 Watch the video : "),a("a",{attrs:{href:"https://www.youtube.com/watch?v=zcKTr2uQwKA&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=6?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to use the table parameter in the Azure CLI"),a("OutboundLink")],1),e._v(".")])]),e._v(" "),a("h3",{attrs:{id:"use-the-table-parameter-in-the-azure-cli"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#use-the-table-parameter-in-the-azure-cli"}},[e._v("#")]),e._v(" Use the Table Parameter in the Azure CLI")]),e._v(" "),a("p",[e._v("By default the Azure CLI 2.0 returns results from a command in JSON. You can easily modify this by adding "),a("code",[e._v("--output Table")]),e._v(". Try out the command found in the Gif below with "),a("code",[e._v("az vm image list-publishers --location NorthCentralUS --output Table")])]),e._v(" "),a("img",{attrs:{src:e.$withBase("/files/azuretip7.gif")}})])}),[],!1,null,null,null);t.default=s.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[290],{649:function(e,t,a){"use strict";a.r(t);var r=a(43),s=Object(r.a)({},(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),a("p",[e._v("💡 Learn more : "),a("a",{attrs:{href:"https://docs.microsoft.com/cli/azure?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Azure Command-Line Interface (CLI)"),a("OutboundLink")],1),e._v(".")]),e._v(" "),a("p",[e._v("📺 Watch the video : "),a("a",{attrs:{href:"https://www.youtube.com/watch?v=zcKTr2uQwKA&list=PLLasX02E8BPCNCK8Thcxu-Y-XcBUbhFWC&index=6?WT.mc_id=youtube-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("How to use the table parameter in the Azure CLI"),a("OutboundLink")],1),e._v(".")])]),e._v(" "),a("h3",{attrs:{id:"use-the-table-parameter-in-the-azure-cli"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#use-the-table-parameter-in-the-azure-cli"}},[e._v("#")]),e._v(" Use the Table Parameter in the Azure CLI")]),e._v(" "),a("p",[e._v("By default the Azure CLI 2.0 returns results from a command in JSON. You can easily modify this by adding "),a("code",[e._v("--output Table")]),e._v(". Try out the command found in the Gif below with "),a("code",[e._v("az vm image list-publishers --location NorthCentralUS --output Table")])]),e._v(" "),a("img",{attrs:{src:e.$withBase("/files/azuretip7.gif")}})])}),[],!1,null,null,null);t.default=s.exports}}]);

assets/js/43.5fbe7e47.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{403:function(e,t,l){"use strict";l.r(t);var r=l(43),a=Object(r.a)({},(function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[l("div",{staticClass:"custom-block tip"},[l("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),l("p",[e._v("💡 Learn more : "),l("a",{attrs:{href:"https://docs.microsoft.com/azure/cloud-shell/overview?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Overview of Azure Cloud Shell"),l("OutboundLink")],1),e._v(".")])]),e._v(" "),l("h3",{attrs:{id:"quickly-display-a-list-of-all-azure-web-apps-url-from-azure-cloud-shell"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#quickly-display-a-list-of-all-azure-web-apps-url-from-azure-cloud-shell"}},[e._v("#")]),e._v(" Quickly display a list of all Azure Web Apps URL from Azure Cloud Shell")]),e._v(" "),l("p",[e._v("Often I need to quickly list out the URLs for all Azure App Services in a given resource. In the past, when it just a small number then I'd do it manually, but it has recently grown to a point where I needed to find a better way.")]),e._v(" "),l("p",[e._v("Enter PowerShell and Azure Cloud Shell.")]),e._v(" "),l("p",[e._v("Wherever you are logged in with Azure Cloud Shell and are using PowerShell, then you can quickly run this command:")]),e._v(" "),l("p",[l("code",[e._v("Get-AzureRmWebApp | foreach-object {$_} | select-object SiteName, DefaultHostName, ResourceGroup")])]),e._v(" "),l("img",{attrs:{src:e.$withBase("/files/powershellallwebsites.png")}})])}),[],!1,null,null,null);t.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{404:function(e,t,l){"use strict";l.r(t);var r=l(43),a=Object(r.a)({},(function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[l("div",{staticClass:"custom-block tip"},[l("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),l("p",[e._v("💡 Learn more : "),l("a",{attrs:{href:"https://docs.microsoft.com/azure/cloud-shell/overview?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("Overview of Azure Cloud Shell"),l("OutboundLink")],1),e._v(".")])]),e._v(" "),l("h3",{attrs:{id:"quickly-display-a-list-of-all-azure-web-apps-url-from-azure-cloud-shell"}},[l("a",{staticClass:"header-anchor",attrs:{href:"#quickly-display-a-list-of-all-azure-web-apps-url-from-azure-cloud-shell"}},[e._v("#")]),e._v(" Quickly display a list of all Azure Web Apps URL from Azure Cloud Shell")]),e._v(" "),l("p",[e._v("Often I need to quickly list out the URLs for all Azure App Services in a given resource. In the past, when it just a small number then I'd do it manually, but it has recently grown to a point where I needed to find a better way.")]),e._v(" "),l("p",[e._v("Enter PowerShell and Azure Cloud Shell.")]),e._v(" "),l("p",[e._v("Wherever you are logged in with Azure Cloud Shell and are using PowerShell, then you can quickly run this command:")]),e._v(" "),l("p",[l("code",[e._v("Get-AzureRmWebApp | foreach-object {$_} | select-object SiteName, DefaultHostName, ResourceGroup")])]),e._v(" "),l("img",{attrs:{src:e.$withBase("/files/powershellallwebsites.png")}})])}),[],!1,null,null,null);t.default=a.exports}}]);

assets/js/44.65c2adb5.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{404:function(e,t,s){"use strict";s.r(t);var a=s(43),n=Object(a.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),s("p",[e._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/azure/app-service?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("App Service Documentation"),s("OutboundLink")],1),e._v(".")])]),e._v(" "),s("h3",{attrs:{id:"increase-the-timeout-of-asp-net-core-2-0-api-hosted-in-azure-app-service"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#increase-the-timeout-of-asp-net-core-2-0-api-hosted-in-azure-app-service"}},[e._v("#")]),e._v(" Increase the timeout of ASP.NET Core 2.0 API hosted in Azure App Service")]),e._v(" "),s("p",[e._v("There are reasons that you "),s("strong",[e._v("might")]),e._v(" have a request that takes 2-3 minutes to complete and this post is for you. For most, you should probably look at decoupling these long running request.")]),e._v(" "),s("p",[e._v("If you're using ASP.NET Core 2.0 API and deploying to an Azure App Service, then you might run into an issue where it takes a process request longer than 2 minutes to complete. You'll typically get a "),s("code",[e._v("502 Bad Gateway")]),e._v(" with the following info:")]),e._v(" "),s("p",[s("code",[e._v('"The specified CGI application encountered an error and the server terminated the process".')])]),e._v(" "),s("p",[e._v("If you check your diagnostic logfile you might see:")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("018-06-15 03:47:03.232 +00:00 [Error] Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware: An unhandled exception has occurred while executing the request\nSystem.Threading.Tasks.TaskCanceledException: A task was canceled.\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br")])]),s("p",[e._v("You can fix this by going into your web.config in your sites/wwwroot folder and adding a "),s("code",[e._v('requestTimeout="00:20:00')]),e._v(" to the file as shown below.")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v('<?xml version="1.0" encoding="utf-8"?>\n<configuration>\n  <system.webServer>\n    <handlers>\n      <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModule" resourceType="Unspecified" />\n    </handlers>\n    <aspNetCore processPath="dotnet" arguments=".\\WebApplication1.dll" stdoutLogEnabled="false" stdoutLogFile=".\\logs\\stdout" requestTimeout="00:20:00" />\n  </system.webServer>\n</configuration>\n\x3c!--ProjectGuid: 3b93921c-f843-46c8-914e-xxx--\x3e\n')])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br"),s("span",{staticClass:"line-number"},[e._v("8")]),s("br"),s("span",{staticClass:"line-number"},[e._v("9")]),s("br"),s("span",{staticClass:"line-number"},[e._v("10")]),s("br")])])])}),[],!1,null,null,null);t.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{403:function(e,t,s){"use strict";s.r(t);var a=s(43),n=Object(a.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[e._v("TIP")]),e._v(" "),s("p",[e._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/azure/app-service?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("App Service Documentation"),s("OutboundLink")],1),e._v(".")])]),e._v(" "),s("h3",{attrs:{id:"increase-the-timeout-of-asp-net-core-2-0-api-hosted-in-azure-app-service"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#increase-the-timeout-of-asp-net-core-2-0-api-hosted-in-azure-app-service"}},[e._v("#")]),e._v(" Increase the timeout of ASP.NET Core 2.0 API hosted in Azure App Service")]),e._v(" "),s("p",[e._v("There are reasons that you "),s("strong",[e._v("might")]),e._v(" have a request that takes 2-3 minutes to complete and this post is for you. For most, you should probably look at decoupling these long running request.")]),e._v(" "),s("p",[e._v("If you're using ASP.NET Core 2.0 API and deploying to an Azure App Service, then you might run into an issue where it takes a process request longer than 2 minutes to complete. You'll typically get a "),s("code",[e._v("502 Bad Gateway")]),e._v(" with the following info:")]),e._v(" "),s("p",[s("code",[e._v('"The specified CGI application encountered an error and the server terminated the process".')])]),e._v(" "),s("p",[e._v("If you check your diagnostic logfile you might see:")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v("018-06-15 03:47:03.232 +00:00 [Error] Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware: An unhandled exception has occurred while executing the request\nSystem.Threading.Tasks.TaskCanceledException: A task was canceled.\n")])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br")])]),s("p",[e._v("You can fix this by going into your web.config in your sites/wwwroot folder and adding a "),s("code",[e._v('requestTimeout="00:20:00')]),e._v(" to the file as shown below.")]),e._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[e._v('<?xml version="1.0" encoding="utf-8"?>\n<configuration>\n  <system.webServer>\n    <handlers>\n      <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModule" resourceType="Unspecified" />\n    </handlers>\n    <aspNetCore processPath="dotnet" arguments=".\\WebApplication1.dll" stdoutLogEnabled="false" stdoutLogFile=".\\logs\\stdout" requestTimeout="00:20:00" />\n  </system.webServer>\n</configuration>\n\x3c!--ProjectGuid: 3b93921c-f843-46c8-914e-xxx--\x3e\n')])]),e._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[e._v("1")]),s("br"),s("span",{staticClass:"line-number"},[e._v("2")]),s("br"),s("span",{staticClass:"line-number"},[e._v("3")]),s("br"),s("span",{staticClass:"line-number"},[e._v("4")]),s("br"),s("span",{staticClass:"line-number"},[e._v("5")]),s("br"),s("span",{staticClass:"line-number"},[e._v("6")]),s("br"),s("span",{staticClass:"line-number"},[e._v("7")]),s("br"),s("span",{staticClass:"line-number"},[e._v("8")]),s("br"),s("span",{staticClass:"line-number"},[e._v("9")]),s("br"),s("span",{staticClass:"line-number"},[e._v("10")]),s("br")])])])}),[],!1,null,null,null);t.default=n.exports}}]);

assets/js/72.ceeff4b3.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{432:function(t,e,s){"use strict";s.r(e);var a=s(43),o=Object(a.a)({},(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),s("p",[t._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Logic Apps Documentation"),s("OutboundLink")],1),t._v(".")])]),t._v(" "),s("h3",{attrs:{id:"use-azure-logic-apps-and-cosmos-db-to-monitor-and-archive-twitter-hashtags"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#use-azure-logic-apps-and-cosmos-db-to-monitor-and-archive-twitter-hashtags"}},[t._v("#")]),t._v(" Use Azure Logic Apps and Cosmos DB to monitor and archive Twitter hashtags")]),t._v(" "),s("p",[t._v("I love data and use it constantly to improve everything in my personal life as well as my professional life. As we are about to begin the Microsoft Ignite conference, I wanted to collect tweets that use the #MSIgnite hashtag and save them to a database. I also don't want to code as I'm working on 3 sessions right now. Here's how I did it.")]),t._v(" "),s("h4",{attrs:{id:"create-an-cosmos-db-instance"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#create-an-cosmos-db-instance"}},[t._v("#")]),t._v(" Create an Cosmos DB instance")]),t._v(" "),s("p",[t._v("Inside of the Azure Portal, create a Cosmos DB instance.")]),t._v(" "),s("p",[t._v("For Cosmos DB :")]),t._v(" "),s("ul",[s("li",[t._v("Use "),s("strong",[t._v("SQL")]),t._v(" for the API")]),t._v(" "),s("li",[t._v("For Database ID use "),s("strong",[t._v("cosmosdb-ignite")])]),t._v(" "),s("li",[t._v("For Collection ID use "),s("strong",[t._v("items")])]),t._v(" "),s("li",[t._v("Throughput use "),s("strong",[t._v("400")])])]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos1.png")}}),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos3.png")}}),t._v(" "),s("h4",{attrs:{id:"create-an-logic-app-instance"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#create-an-logic-app-instance"}},[t._v("#")]),t._v(" Create an Logic App instance")]),t._v(" "),s("p",[t._v("Inside of the Azure Portal, create a Logic App instance per the screenshot below")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos2.png")}}),t._v(" "),s("h4",{attrs:{id:"logic-app-designer"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#logic-app-designer"}},[t._v("#")]),t._v(" Logic App Designer")]),t._v(" "),s("p",[t._v("Open the Logic App that you just created and select "),s("strong",[t._v("When a new tweet is posted")]),t._v(" and log in with your Twitter credentials and select the interval and text you wish to search for. In my case I'm using #MSIgnite.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos4.png")}}),t._v(" "),s("p",[t._v("Choose an action that is "),s("strong",[t._v("Create or update document")])]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos5.png")}}),t._v(" "),s("p",[t._v("Provide the Connection Name (anything you want) and the account you wish to use.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos6.png")}}),t._v(" "),s("p",[t._v("Fill out the following fields:")]),t._v(" "),s("ul",[s("li",[t._v("For Database ID use "),s("strong",[t._v("cosmosdb-ignite")])]),t._v(" "),s("li",[t._v("For Collection ID use "),s("strong",[t._v("items")])]),t._v(" "),s("li",[t._v("For Document use:")])]),t._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v('{\n  "created": @{triggerBody()?[\'CreatedAtIso\']},\n  "id": @{triggerBody()?[\'TweetId\']},\n  "text": @{triggerBody()?[\'TweetText\']},\n  "user": "@{triggerBody()?[\'TweetedBy\']}"\n}\n')])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br")])]),s("p",[t._v("Please note that these are dynamic fields, so you might not be able to copy and paste that text.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos7.png")}}),t._v(" "),s("p",[t._v("Click Save and then go into your Cosmos DB Instance and you can query the database to see the data coming in.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos8.png")}})])}),[],!1,null,null,null);e.default=o.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[72],{431:function(t,e,s){"use strict";s.r(e);var a=s(43),o=Object(a.a)({},(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),s("p",[t._v("💡 Learn more : "),s("a",{attrs:{href:"https://docs.microsoft.com/azure/logic-apps/?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("Azure Logic Apps Documentation"),s("OutboundLink")],1),t._v(".")])]),t._v(" "),s("h3",{attrs:{id:"use-azure-logic-apps-and-cosmos-db-to-monitor-and-archive-twitter-hashtags"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#use-azure-logic-apps-and-cosmos-db-to-monitor-and-archive-twitter-hashtags"}},[t._v("#")]),t._v(" Use Azure Logic Apps and Cosmos DB to monitor and archive Twitter hashtags")]),t._v(" "),s("p",[t._v("I love data and use it constantly to improve everything in my personal life as well as my professional life. As we are about to begin the Microsoft Ignite conference, I wanted to collect tweets that use the #MSIgnite hashtag and save them to a database. I also don't want to code as I'm working on 3 sessions right now. Here's how I did it.")]),t._v(" "),s("h4",{attrs:{id:"create-an-cosmos-db-instance"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#create-an-cosmos-db-instance"}},[t._v("#")]),t._v(" Create an Cosmos DB instance")]),t._v(" "),s("p",[t._v("Inside of the Azure Portal, create a Cosmos DB instance.")]),t._v(" "),s("p",[t._v("For Cosmos DB :")]),t._v(" "),s("ul",[s("li",[t._v("Use "),s("strong",[t._v("SQL")]),t._v(" for the API")]),t._v(" "),s("li",[t._v("For Database ID use "),s("strong",[t._v("cosmosdb-ignite")])]),t._v(" "),s("li",[t._v("For Collection ID use "),s("strong",[t._v("items")])]),t._v(" "),s("li",[t._v("Throughput use "),s("strong",[t._v("400")])])]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos1.png")}}),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos3.png")}}),t._v(" "),s("h4",{attrs:{id:"create-an-logic-app-instance"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#create-an-logic-app-instance"}},[t._v("#")]),t._v(" Create an Logic App instance")]),t._v(" "),s("p",[t._v("Inside of the Azure Portal, create a Logic App instance per the screenshot below")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos2.png")}}),t._v(" "),s("h4",{attrs:{id:"logic-app-designer"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#logic-app-designer"}},[t._v("#")]),t._v(" Logic App Designer")]),t._v(" "),s("p",[t._v("Open the Logic App that you just created and select "),s("strong",[t._v("When a new tweet is posted")]),t._v(" and log in with your Twitter credentials and select the interval and text you wish to search for. In my case I'm using #MSIgnite.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos4.png")}}),t._v(" "),s("p",[t._v("Choose an action that is "),s("strong",[t._v("Create or update document")])]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos5.png")}}),t._v(" "),s("p",[t._v("Provide the Connection Name (anything you want) and the account you wish to use.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos6.png")}}),t._v(" "),s("p",[t._v("Fill out the following fields:")]),t._v(" "),s("ul",[s("li",[t._v("For Database ID use "),s("strong",[t._v("cosmosdb-ignite")])]),t._v(" "),s("li",[t._v("For Collection ID use "),s("strong",[t._v("items")])]),t._v(" "),s("li",[t._v("For Document use:")])]),t._v(" "),s("div",{staticClass:"language- line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-text"}},[s("code",[t._v('{\n  "created": @{triggerBody()?[\'CreatedAtIso\']},\n  "id": @{triggerBody()?[\'TweetId\']},\n  "text": @{triggerBody()?[\'TweetText\']},\n  "user": "@{triggerBody()?[\'TweetedBy\']}"\n}\n')])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br")])]),s("p",[t._v("Please note that these are dynamic fields, so you might not be able to copy and paste that text.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos7.png")}}),t._v(" "),s("p",[t._v("Click Save and then go into your Cosmos DB Instance and you can query the database to see the data coming in.")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/files/azlogiccosmos8.png")}})])}),[],!1,null,null,null);e.default=o.exports}}]);

assets/js/82.650dcf66.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[82],{442:function(e,t,s){"use strict";s.r(t);var r=s(43),n=Object(r.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("h3",{attrs:{id:"use-powershell-within-azure-cloud-shell"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#use-powershell-within-azure-cloud-shell"}},[e._v("#")]),e._v(" Use PowerShell within Azure Cloud Shell")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/bashscreenshot.png")}}),e._v(" "),s("p",[s("strong",[e._v("PowerShell")]),e._v(" is the other command language that the Azure Cloud Shell supports. I've recently "),s("a",{attrs:{href:"https://aka.ms/PSCloudSignup?WT.mc_id=akams-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("signed up for a preview"),s("OutboundLink")],1),e._v(" and thought I'd share.")]),e._v(" "),s("p",[e._v("You can switch to PowerShell by clicking the dropdown and selecting PowerShell.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/switchtops.png")}}),e._v(" "),s("p",[e._v("This will prompt you to Restart Cloud Shell with PowerShell which will log you out of your current instance and stop any running processes.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/restartwithps.png")}}),e._v(" "),s("p",[e._v("On first launch, it'll authenticate with Azure (just like BASH does) and build your Azure drive. You now have access to all your accounts. You can run the "),s("code",[e._v("dir")]),e._v(" command and see your subscriptions vs with BASH it would list out the physical files on the currently mounted drive.")]),e._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",[s("code",[e._v("PS Azure:\\> dir\n\n    Directory: Azure:\n\nMode SubscriptionName                     SubscriptionId                       TenantId                             State\n---- ----------------                     --------------                       --------                             -----\n+    Demo - Azure Monitoring\t\t\t\txxx-xxx-xxx-xxx\t\t\t\t\t\txxx-xxx-xxx-xxx \t\t\t\t\tEnabled\n")])])]),s("p",[e._v('Now that I have access to my subscriptions, I can traverse the "Demo - Azure Monitor" subscription by typing '),s("code",[e._v("cd '.\\Demo - Azure Monitoring\\'")]),e._v(".")]),e._v(" "),s("p",[e._v("If I run a "),s("code",[e._v("dir")]),e._v(" again, then I'd see what is included in that account. Here I see Resource Groups, Storage Accounts, VMs and Web Apps.")]),e._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",[s("code",[e._v("Directory: Azure:\\Demo - Azure Monitoring\n\n\nMode Name\n---- ----\n+    AllResources\n+    ResourceGroups\n+    StorageAccounts\n+    VirtualMachines\n+    WebApps\n")])])]),s("p",[e._v("I can continue traversing this subscription by typing "),s("code",[e._v("cd VirtualMachines")]),e._v(" then typing "),s("code",[e._v("dir")]),e._v(".")]),e._v(" "),s("p",[e._v("Directory: Azure:\\Demo - Azure Monitoring\\VirtualMachines")]),e._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",[s("code",[e._v("Name                  ResourceGroupName      Location          VmSize  OsType                       NIC ProvisioningState PowerState\n----                  -----------------      --------          ------  ------                       --- ----------------- ----------\nk8s-a   APPROVAL        eastus  Standard_D2_v2   Linux  -nic-0         Succeeded    running\n")])])]),s("p",[e._v("As you can tell, I can easily discover and navigate Azure resources now by using Powershell.")]),e._v(" "),s("p",[e._v("The other nice thing that I've seen while playing with PowerShell is the ability to run modules such as the ones found in Microsoft.PowerShell. For instance we can use "),s("code",[e._v("Get-Date")]),e._v(" as described "),s("a",{attrs:{href:"https://docs.microsoft.com/powershell/module/microsoft.powershell.utility/get-date?view=powershell-5.1?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("here"),s("OutboundLink")],1),e._v(" inside of Cloud Shell.")]),e._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",[s("code",[e._v("PS Azure:\\> Get-Date\n\nMonday, September 18, 2017 11:02:49 PM\n")])])])])}),[],!1,null,null,null);t.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[82],{443:function(e,t,s){"use strict";s.r(t);var r=s(43),n=Object(r.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("h3",{attrs:{id:"use-powershell-within-azure-cloud-shell"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#use-powershell-within-azure-cloud-shell"}},[e._v("#")]),e._v(" Use PowerShell within Azure Cloud Shell")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/bashscreenshot.png")}}),e._v(" "),s("p",[s("strong",[e._v("PowerShell")]),e._v(" is the other command language that the Azure Cloud Shell supports. I've recently "),s("a",{attrs:{href:"https://aka.ms/PSCloudSignup?WT.mc_id=akams-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("signed up for a preview"),s("OutboundLink")],1),e._v(" and thought I'd share.")]),e._v(" "),s("p",[e._v("You can switch to PowerShell by clicking the dropdown and selecting PowerShell.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/switchtops.png")}}),e._v(" "),s("p",[e._v("This will prompt you to Restart Cloud Shell with PowerShell which will log you out of your current instance and stop any running processes.")]),e._v(" "),s("img",{attrs:{src:e.$withBase("/files/restartwithps.png")}}),e._v(" "),s("p",[e._v("On first launch, it'll authenticate with Azure (just like BASH does) and build your Azure drive. You now have access to all your accounts. You can run the "),s("code",[e._v("dir")]),e._v(" command and see your subscriptions vs with BASH it would list out the physical files on the currently mounted drive.")]),e._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",[s("code",[e._v("PS Azure:\\> dir\n\n    Directory: Azure:\n\nMode SubscriptionName                     SubscriptionId                       TenantId                             State\n---- ----------------                     --------------                       --------                             -----\n+    Demo - Azure Monitoring\t\t\t\txxx-xxx-xxx-xxx\t\t\t\t\t\txxx-xxx-xxx-xxx \t\t\t\t\tEnabled\n")])])]),s("p",[e._v('Now that I have access to my subscriptions, I can traverse the "Demo - Azure Monitor" subscription by typing '),s("code",[e._v("cd '.\\Demo - Azure Monitoring\\'")]),e._v(".")]),e._v(" "),s("p",[e._v("If I run a "),s("code",[e._v("dir")]),e._v(" again, then I'd see what is included in that account. Here I see Resource Groups, Storage Accounts, VMs and Web Apps.")]),e._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",[s("code",[e._v("Directory: Azure:\\Demo - Azure Monitoring\n\n\nMode Name\n---- ----\n+    AllResources\n+    ResourceGroups\n+    StorageAccounts\n+    VirtualMachines\n+    WebApps\n")])])]),s("p",[e._v("I can continue traversing this subscription by typing "),s("code",[e._v("cd VirtualMachines")]),e._v(" then typing "),s("code",[e._v("dir")]),e._v(".")]),e._v(" "),s("p",[e._v("Directory: Azure:\\Demo - Azure Monitoring\\VirtualMachines")]),e._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",[s("code",[e._v("Name                  ResourceGroupName      Location          VmSize  OsType                       NIC ProvisioningState PowerState\n----                  -----------------      --------          ------  ------                       --- ----------------- ----------\nk8s-a   APPROVAL        eastus  Standard_D2_v2   Linux  -nic-0         Succeeded    running\n")])])]),s("p",[e._v("As you can tell, I can easily discover and navigate Azure resources now by using Powershell.")]),e._v(" "),s("p",[e._v("The other nice thing that I've seen while playing with PowerShell is the ability to run modules such as the ones found in Microsoft.PowerShell. For instance we can use "),s("code",[e._v("Get-Date")]),e._v(" as described "),s("a",{attrs:{href:"https://docs.microsoft.com/powershell/module/microsoft.powershell.utility/get-date?view=powershell-5.1?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[e._v("here"),s("OutboundLink")],1),e._v(" inside of Cloud Shell.")]),e._v(" "),s("div",{staticClass:"language- extra-class"},[s("pre",[s("code",[e._v("PS Azure:\\> Get-Date\n\nMonday, September 18, 2017 11:02:49 PM\n")])])])])}),[],!1,null,null,null);t.default=n.exports}}]);

assets/js/98.0a02d997.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[98],{458:function(t,e,i){"use strict";i.r(e);var r=i(43),a=Object(r.a)({},(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[i("div",{staticClass:"custom-block tip"},[i("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),i("p",[t._v("💡 Learn more : "),i("a",{attrs:{href:"https://docs.microsoft.com/azure/app-service?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("App Service Documentation"),i("OutboundLink")],1),t._v(".")])]),t._v(" "),i("h3",{attrs:{id:"quickly-set-up-azure-active-directory-with-azure-app-services"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#quickly-set-up-azure-active-directory-with-azure-app-services"}},[t._v("#")]),t._v(" Quickly Set Up Azure Active Directory with Azure App Services")]),t._v(" "),i("p",[t._v("A while ago, I did a post on "),i("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip112.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("Quick and Dirty User Authentication with Azure Web Apps and MVC5"),i("OutboundLink")],1),t._v(", where I created a simple web app that used forms authentication. Since then, I’ve been asked if I could address how to use the "),i("strong",[t._v("Settings -> Authentication / Authorization")]),t._v(" feature to turn on AAD for an existing web app. In this post, we’ll take a look at setting up Azure Active Directory with Azure App Services.")]),t._v(" "),i("h4",{attrs:{id:"my-requirements"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#my-requirements"}},[t._v("#")]),t._v(" My Requirements")]),t._v(" "),i("ul",[i("li",[t._v("Any user on my AAD will be able to log in.")]),t._v(" "),i("li",[t._v("I won’t write or add any code to my web app.")]),t._v(" "),i("li",[t._v("I want to do this with the FREE Tier of Azure App Service Web Apps.")])]),t._v(" "),i("h4",{attrs:{id:"how-to-set-up-azure-active-directory-with-an-app-service-web-app"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#how-to-set-up-azure-active-directory-with-an-app-service-web-app"}},[t._v("#")]),t._v(" How to Set Up Azure Active Directory with an App Service Web App")]),t._v(" "),i("p",[t._v("Go to the Azure portal and select my web app and click on "),i("strong",[t._v("Authentication / Authorization")]),t._v(" under "),i("strong",[t._v("Settings")]),t._v(" to get started.")]),t._v(" "),i("img",{attrs:{src:t.$withBase("/files/aad1.png")}}),t._v(" "),i("p",[t._v("Click the "),i("strong",[t._v("On")]),t._v(" button to see the Authentication Provider list and then click "),i("strong",[t._v("Azure Active Directory")]),t._v(" in the list of providers.")]),t._v(" "),i("img",{attrs:{src:t.$withBase("/files/aad2.png")}}),t._v(" "),i("p",[t._v("Great. Now click on the "),i("strong",[t._v("Express")]),t._v(" management mode button and click "),i("strong",[t._v("OK")]),t._v(".")]),t._v(" "),i("img",{attrs:{src:t.$withBase("/files/aad3.png")}}),t._v(" "),i("p",[t._v("Now you’ll need to do one last thing before saving the Authentication / Authorization settings, which is to set the "),i("strong",[t._v("Action to take when a request is not authenticated")]),t._v(". You’ll want to make sure that it is set to "),i("strong",[t._v("Log in with Azure Active Directory")]),t._v(". This makes sure anyone visiting your site has been authenticated by AAD first.  If you are following along and find that you want to use a different AAD tenant (not the Azure account you usually sign into), you can find those steps here: Manually configure Azure Active Directory with advanced settings.")]),t._v(" "),i("img",{attrs:{src:t.$withBase("/files/aad4.png")}}),t._v(" "),i("p",[t._v("Now you can click the "),i("strong",[t._v("Save")]),t._v(" button to have AAD added as your Authentication Provider.")])])}),[],!1,null,null,null);e.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[98],{459:function(t,e,i){"use strict";i.r(e);var r=i(43),a=Object(r.a)({},(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[i("div",{staticClass:"custom-block tip"},[i("p",{staticClass:"custom-block-title"},[t._v("TIP")]),t._v(" "),i("p",[t._v("💡 Learn more : "),i("a",{attrs:{href:"https://docs.microsoft.com/azure/app-service?WT.mc_id=docs-azuredevtips-azureappsdev",target:"_blank",rel:"noopener noreferrer"}},[t._v("App Service Documentation"),i("OutboundLink")],1),t._v(".")])]),t._v(" "),i("h3",{attrs:{id:"quickly-set-up-azure-active-directory-with-azure-app-services"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#quickly-set-up-azure-active-directory-with-azure-app-services"}},[t._v("#")]),t._v(" Quickly Set Up Azure Active Directory with Azure App Services")]),t._v(" "),i("p",[t._v("A while ago, I did a post on "),i("a",{attrs:{href:"https://microsoft.github.io/AzureTipsAndTricks/blog/tip112.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("Quick and Dirty User Authentication with Azure Web Apps and MVC5"),i("OutboundLink")],1),t._v(", where I created a simple web app that used forms authentication. Since then, I’ve been asked if I could address how to use the "),i("strong",[t._v("Settings -> Authentication / Authorization")]),t._v(" feature to turn on AAD for an existing web app. In this post, we’ll take a look at setting up Azure Active Directory with Azure App Services.")]),t._v(" "),i("h4",{attrs:{id:"my-requirements"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#my-requirements"}},[t._v("#")]),t._v(" My Requirements")]),t._v(" "),i("ul",[i("li",[t._v("Any user on my AAD will be able to log in.")]),t._v(" "),i("li",[t._v("I won’t write or add any code to my web app.")]),t._v(" "),i("li",[t._v("I want to do this with the FREE Tier of Azure App Service Web Apps.")])]),t._v(" "),i("h4",{attrs:{id:"how-to-set-up-azure-active-directory-with-an-app-service-web-app"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#how-to-set-up-azure-active-directory-with-an-app-service-web-app"}},[t._v("#")]),t._v(" How to Set Up Azure Active Directory with an App Service Web App")]),t._v(" "),i("p",[t._v("Go to the Azure portal and select my web app and click on "),i("strong",[t._v("Authentication / Authorization")]),t._v(" under "),i("strong",[t._v("Settings")]),t._v(" to get started.")]),t._v(" "),i("img",{attrs:{src:t.$withBase("/files/aad1.png")}}),t._v(" "),i("p",[t._v("Click the "),i("strong",[t._v("On")]),t._v(" button to see the Authentication Provider list and then click "),i("strong",[t._v("Azure Active Directory")]),t._v(" in the list of providers.")]),t._v(" "),i("img",{attrs:{src:t.$withBase("/files/aad2.png")}}),t._v(" "),i("p",[t._v("Great. Now click on the "),i("strong",[t._v("Express")]),t._v(" management mode button and click "),i("strong",[t._v("OK")]),t._v(".")]),t._v(" "),i("img",{attrs:{src:t.$withBase("/files/aad3.png")}}),t._v(" "),i("p",[t._v("Now you’ll need to do one last thing before saving the Authentication / Authorization settings, which is to set the "),i("strong",[t._v("Action to take when a request is not authenticated")]),t._v(". You’ll want to make sure that it is set to "),i("strong",[t._v("Log in with Azure Active Directory")]),t._v(". This makes sure anyone visiting your site has been authenticated by AAD first.  If you are following along and find that you want to use a different AAD tenant (not the Azure account you usually sign into), you can find those steps here: Manually configure Azure Active Directory with advanced settings.")]),t._v(" "),i("img",{attrs:{src:t.$withBase("/files/aad4.png")}}),t._v(" "),i("p",[t._v("Now you can click the "),i("strong",[t._v("Save")]),t._v(" button to have AAD added as your Authentication Provider.")])])}),[],!1,null,null,null);e.default=a.exports}}]);