Deploy code to a web app

1. Continuous Integration and Continuous Deployment (CI/CD)

Continuous Integration and Continuous Deployment (CI/CD) is a popular approach for automating the deployment process. Azure provides seamless integration with various CI/CD tools and services like Azure DevOps, GitHub Actions, and Azure Pipelines. These tools enable you to automatically build, test, and deploy your code to Azure Web Apps.

Let’s take a look at an example using Azure DevOps:

Step 1: Set up Azure Web App
Create an Azure Web App from the Azure portal. Make sure to note down the app’s name and resource group details.

Step 2: Set up Azure DevOps
Create a new project in Azure DevOps and configure it to use the appropriate source control repository, such as Azure Repos or GitHub.

Step 3: Create a Build Pipeline
In Azure DevOps, navigate to the Pipelines tab and create a new pipeline. Select the appropriate repository and configure the build steps.

trigger:
branches:
include:
- master

- task: DotNetCoreCLI@2
displayName: 'Publish to Azure Web App'
inputs:
command: 'publish'
publishWebProjects: true
arguments: '--configuration $(BuildConfiguration) --output $(Build.ArtifactStagingDirectory)'
zipAfterPublish: true

Step 4: Create a Release Pipeline
Once you have successfully built and packaged your code, you can create a release pipeline to deploy it to Azure Web Apps.

trigger:
branches:
include:
- master

steps:
- task: AzureRmWebAppDeployment@4
displayName: 'Azure Web App Deploy'
inputs:
ConnectionType: 'AzureRM'
azureSubscription: ''
appType: 'webApp'
WebAppName: ''


These YAML snippets are just examples; you can customize them based on your specific requirements.

2. Azure Portal Deployment

If you prefer a manual deployment approach, Azure Portal provides an intuitive user interface to deploy code to your web app.

Step 1: Set up Azure Web App
Create an Azure Web App from the Azure portal. Make sure to note down the app’s name and resource group details.

Step 2: Zip Deploy
Zip your code (HTML, CSS, JavaScript, etc.) into a single file. Then, navigate to the Azure portal, open your web app, and select the “Deployment Center” option. From there, choose the “Zip” deployment option and upload the zipped file.

3. Azure CLI Deployment

Using Azure CLI, you can deploy code to your web app directly from the command line.

Step 1: Install Azure CLI
Install Azure CLI from the official documentation: https://docs.microsoft.com/cli/azure/install-azure-cli

Step 2: Deploy the Code
Open a terminal or command prompt and sign in to your Azure account using the command “az login”. Then, navigate to the project directory and execute the following command to deploy the code:

az webapp up --sku --name --resource-group --html


Make sure to replace the placeholders with your actual values.

These are just a few options for deploying code to a web app in Azure. Depending on your requirements, you can choose the method that best suits your needs. Whether you prefer automated deployments or manual steps, Azure provides flexibility and robust tools to streamline the process of deploying your code to web apps.