Deploy static HTML files to Azure App Service using Azure Pipelines

Overview

Azure Pipelines helps you set up a continuous integration (CI) and continuous delivery (CD) pipeline to infrastructure or platform resources in Azure.

Objectives

Upon completion, you will be able to:

  • Set up a Release pipeline and deploy the static HTML file to Azure Web App

Exercise 1: Commit all your static files to Azure Repo or Github depending on your version control system.

As you will see in the image below, I have pushed all edits to Azure Repo with two different folders (similar contents but specific to its environment) — One for a Dev env while the other for a Prod env. Of course, yours can be for just one environment.

Exercise 2: Configure the CI Build Pipeline

Click on Pipeline tab under Pipelines. Then click on New Pipeline

Exercise 3: Configure the CD Release Pipeline

Click on Release tab under Pipelines. Then create a New Release Pipeline

Enterprise Cloud Solutions Architect / Dev Ops Enthusiast.