How to deploy Angular 6 & Asp Net Core App to Azure using Visual Studio

In this tutorial, we are going to learn how to deploy Angular 6 and Asp Net Core application to Azure using visual studio in step by step. In previous tutorials, as you know we have discussed two other ways to deploy Angular 6 and Asp Net Core app to Azure and IIS (Internet Information Service).

• Deploy Angular 6 and Asp Net Core App to Azure using FileZilla
• Deploy Angular 6 and Asp Net Core App to IIS(Internet Information Service)

How to deploy Angular 6 and Asp Net Core app to Azure using Visual Studio.

Let’s start in step by step.

Note: – I am not creating a new project in this tutorial, if you don’t know how to create a new Angular 6 and Asp Net Core project using visual studio, then click here to learn.

Step # 1 – Deploy Angular 6 and Asp Net Core App to Azure

Go to project folder structure => then right click on the project folder => then select publish and then you will see a new popup with the name “Pick a publish target” as you see in the below screenshot.

Now, select “App Service” and then choose the “Create New” radio button and then click on “Publish” button dropdown icon  and then select the “Create Profile” link as you see in the below screenshot.

Then you will see a new dialog box with the name of “Create App Service” as you see in the below screenshot. Now, click on “Create your free Azure Account” link if you don’t have Azure account. But i will click on “Sign In” link, because i already have an account.

Step # 2 – Create App Service

Now, in this step, we will create an app service. After creating an azure account, you will see the below screenshot. Now, enter App Name and then select “Subscription” from Subscription dropdown. You can keep Resource Group and Hosting Plan or change them.

Now, click on “Create SQL Database” link and then you will see a new popup with the name of “Configure SQL Database”. Now, click on “New…” link and then you will see a new popup “Configure SQL Server”. Now, enter “Server Name”, “Administrator  Username” and “Administrator Password” and then “Administrator Password (confirm)” and then click “Ok” button.

After click ok button, you will see “Configure SQL Database” again. Now, click on “Ok” button.

Now, you will see “Create App Service” again. Now, just click on “Create” button. This step will take some time and will create the app and SQL server on Azure.

Now, after that you will see the “Publish” page. So, just click on “Publish” button.

And after some time you will see your site will be deployed to Azure and will be live as you see in the below.

Thank you for reading. Keep visiting and Sharing.