Setup Azure CI/CD Pipelines Using Visual Studio

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

Today, we are going to see how to configure Azure DevOps CI/CD and setup Azure Pipeline using Visual Studio.
 
I'm not spending time on what is Azure DevOps and its feature; instead,  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.
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 
 
Create a New Project with Solution
 
Creating Project and Solution 
 
Creating Project and Solution
 
Added project in Solution control  
 
Added project in Solution control
 
Step 4
 
Setup Azure Pipelines under the publish settings of your solution.
 
Setup Azure Pipeline
 
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
 
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
 
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 minutes. In my example, it takes up to 1 min 21 sec.
 
Build Succeeded
 
Build has 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
 
Release the changes.
 
Step 9
 
Check the app by using the URL and you will see the application has deployed.
 
App Service URL after First Release
 
App Service URL after First Release
 
Step 10
 
Change anything in the application, check  the changes and see Azure DevOps will build the solution and release the changes.
 
Heading change
 
Heading change
 
Build has started
 
Build has started
 
After build completed the Release as created
 
After build has completed the Release is created
 
Changes are deployed
 
Changes are deployed
 
Note
We can see all Releases under Deployment Center on Azure Portal.
 
Azure App Deployment Center
Azure App Deployment Center
 
In the next article, we will see how to configure the CI/CD for multiple projects in one solution.