Wednesday 30 October 2019

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.

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.