How to Deploy a Web App with CI/CD Pipelines on Azure App Service

Azure App Service provides a fully managed platform for building, deploying, and scaling web applications. By leveraging CI/CD pipelines with Azure DevOps, you can automate your build and release processes, ensuring faster and more reliable deployments.

Key Benefits:

• Automation: Reduce manual effort and human errors.

• Consistency: Achieve repeatable deployments across environments.

• Speed: Deploy updates quickly, improving your development lifecycle.

In this blog post, we’ll guide you through the process of deploying a web application to Azure App Service using Continuous Integration and Continuous Deployment (CI/CD) pipelines. Whether you’re a developer or a DevOps engineer, this step-by-step guide will help you streamline your deployment process with the power of Azure DevOps.

Prerequisites
Before starting, ensure you have the following:

• An Azure account with an active subscription

• A web application project
  (e.g., Node.js, .NET Core, Python, etc.).

• An Azure DevOps account with a project created

• Git installed and your code pushed to a repository
  (e.g., GitHub, Azure Repos)

Step 1: Set Up Your Azure App Service

• Log in to the Azure Portal to Azure Portal: using https://portal.azure.com

• Create a New App Service plan

• In the search bar, type App Services plan and select it.
  

• Click on create

Fill in the required details, including:

• Subscription: Select your subscription.

• Resource Group: Create a new resource group or use an existing one.

• Name: Provide a unique name for your app service plan

• Select the operating system

• Region: Select a region close to your users.

• Select the Pricing tier
  

• Click Review Create and then Create to deploy your App Service.

• Click on go to Resource

In the search bar, type App Services and select it.

• Click on Create and choose Web App.

• Fill in the required details: (resource group that was created earlier, subscription, web app name, pubish, Runtime stack

Review, and then create

• Click on go to resource

Step 2: Set up your local development Environment
Install visual studio code and Github if you don't have any before

• Step 3: Initialize Github Repository and create web app in visual studio code

• Click on and select new repository

• Click on create new Repository

• Initailize Git from Visual studio code terminal Run git init to inittialize a Git repository.

• Run git add to stage your files

• Run git status

Run git clone url from the repository created earlier

• Run nano index php

• Enter control X and then press Y follow by enter

• Run cat index php

Step 5: Back to azure portal page

• Go to your Azure portal mywebapp2020 page.

• Navigate to Deployment section, select Deployment center
  

• Select code source, Select Github

• Select source as Github

• Organization is you Github username

• Select the repository Name

• Select preview the file

• Click on save to setup Deployment

• Deployment succesful

Step 6. Deploy the Application

Commit and push: Commit and push your changes to Github. The Github actions workflow will automatically start, build and deploy your application to azure app sevice.
You needed to upgrade from F1 to premium to be able to deploy

Upgrade to premium standard S1 at least

• Add slot immediately after the upgrade

• Give name to the slot and set the source of clone

• Click on add slot

• CI/CD runing

Step 7. Monitor Deployment
You can monitor the Deployment progress in action on Github .
Once deployed, your web app should be accessible via azure app service. URL

CONCLUSION

By following these steps, you can set up an automated CI/CD pipeline for your web app, enabling efficient and reliable deployments on Azure App Service.

The above is the detailed content of How to Deploy a Web App with CI/CD Pipelines on Azure App Service. For more information, please follow other related articles on the PHP Chinese website!