Setting up DevOps for Containerized Web Application using Azure DevOps Project

By | October 23, 2019

Setting up DevOps for Containerized Web Application using Azure DevOps Project is very easy, and can be done just by following few steps. You can now rapidly setup DevOps project that includes Continous Integration and Continuous Delivery (CI/CD),  Configuring Images and registry for your Web Applications using Azure DevOps Project. Azure DevOps has everything you need to build your software product from envisioning to put in into end-users hands. Azure DevOps Project makes it very easy to get started on Setting up code repo, build, and deployment with Azure. Just by using a few quick steps, DevOps Project set you up to everything you need for developing, deploying, and monitoring your app on Azure. 

Setting up DevOps for Containerized Web Application using Azure DevOps Project

The process of creating DevOps for Containerized Web Application is very much similar to other Azure DevOps Project creation.

  • Sign in to your Azure Subscription and select Azure DevOps Project, to create a New Project.
  • Choose Static Website as a new application type

 

Quickly Setup DevOps Project for Containerized Web Application - New Project

When we choose the “Static Website“, as a new application type at this point in time you need to choose the same from the Framework for the web application that you are building.

Quickly Setup DevOps Project for Containerized Web Application - Project Framework Selection

As a service of deployment, in the next step choose “Web App for Containers” and move to the next step.

Quickly Setup DevOps Project for Containerized Web Application - Select Containerized

In the next step, when we moved to the service section, Azure DevOps project setup information needs to be provided. In this section, we also need to provide Container Registry Name, Registry SKU, and Registry Location, etc. All these values will be populated based on the project name and location we choose for the Azure DevOps Project, however, we can go and edit before we start creating the service.

Quickly Setup DevOps Project for Containerized Web Application - Create Container

Once, all the information provides, Click on “Done” to create the Azure DevOps Project.

During this process, Azure DevOps creates all the necessary Azure Resources Group, Git Code Repository, Create CI and CD and everything else that creates a basic version of the web application, take source code from Git and deploys on a container.

Setting up DevOps for Containerized Web Application using Azure DevOps Project - Dashboard

From the dashboard, Navigate to Release pipeline when you can review the stages “dev” created for the deployment by the Azure DevOps Project.

Setting up DevOps for Containerized Web Application using Azure DevOps Project - Pipeline

If you want to review and check the Azure tasks that are being used perform the deployments in Container, you can edit the CD Pipelines. The Azure App Service Task has all the details for the resources created for this web application. This includes Container Registry, Image Source, and Image for the deployments.

Setting up DevOps for Containerized Web Application using Azure DevOps Project - Deployment

Further, You can take this code to your favorite editors such as Visual Studio Code, or Visual Studio for further development, and as soon as you push the changes, it will be deployed through the release pipelines.

Finally, Azure DevOps Project is a very powerful service that helps to create a new project setup rapidly for everything that you need in Azure DevOps.

 

Author: Abhijit Jana

Abhijit runs the Daily .NET Tips. He started this site with a vision to have a single knowledge base of .NET tips and tricks and share post that can quickly help any developers . He is a Former Microsoft ASP.NET MVP, CodeProject MVP, Mentor, Speaker, Author, Technology Evangelist and presently working as a .NET Consultant. He blogs at http://abhijitjana.net , you can follow him @AbhijitJana . He is the author of book Kinect for Windows SDK Programming Guide.

Leave a Reply