Setup Azure CI/CD Pipelines using Visual Studio

Today, We are going to see how to configure Azure DevOps CI/CD and setup Azure Pipeline using visual studio.

Not spending the time on what is Azure DevOps and its feature, we are directly moving to CI/CD. How can we configure this using visual studio? We will see this step by step. Once we set up the Azure Pipeline then on each check-in it will build the application and deploy the changes on App Service.

In this article, we will see how to configure the CI/CD for a single project in one solution. In the next article, we will see how to configure the CI/CD for multiple projects in one solution.

To know about Azure DevOps and its other features, you can refer to the below blog.

Introducing Azure DevOps

Prerequisite

For configuring the Azure DevOps CI/CD, you need the following tools.

•   Azure DevOps account
•  Azure Portal Account
•   Visual Studio 2012+(in my example I am using VS 2019)

Steps: We will see how to configure CI/CD and setup Azure Pipeline using Azure DevOps.

Step 1:

Create a new project by using the Azure DevOps account. I am using Team Foundation version control, but you can use Git too.

Create Project on Azure DevOps

Step 2:

Configure the newly created project in Visual studio source control on your local system.

Configure Source Control

Step 3:

Create a new project with a solution in Visual Studio and add this in DevOps Source Control then check-in the changes.

Create a New Project with Solution

Creating Project and Solution

Added project in Solution control

Step 4:

Setup Azure Pipelines under the publish settings of your solution.

Setup Azure Pipeline

Step 5:

Wait for a few mins and then go the pipelines under Azure DevOps. You will see a new Pipeline created and the build of the project has started.

DevOps Pipeline Created

Step 6:

Check the Deployment Center on the Azure portal for your App Service, for which you have set up the Azure Pipeline in step 4.

Azure App Deployment Center

Step 7:

If there is no error in the build, then after some time your build has succeeded. It is taking a few mins. In my example, it takes up to 1min 21 sec.

Build Succeeded

Step 8:

As the build succeed the new release would be created and started pushing the release changes on App service.

Release the changes

Step 9:

Check the App by using URL and you will see the application has deployed.

App Service URL after First Release

Step 10:

Change anything in the application, check-in the changes and see Azure DevOps will build the solution and release the changes.

Heading change

Build has started

After build completed the Release as created

Changes are deployed

Note: We can see all Releases under Deployment Center on Azure Portal.

Azure App Deployment Center

In the next article, we will see how to configure the CI/CD for multiple projects in one solution.