Create and configure an Azure web app

13 of 14 guides | 29 minutes to complete | Last Updated: March 2025

The time-saving guides in this series can help you pursue a certification or advance your career by enhancing skills in key Azure development areas, including compute, storage, security, integration, monitoring, and tools.

Get Reimbursed

About this guide

Lab Scenario

In this lab, you will deploy and configure an Azure Web App that integrates with GitHub. The web app will be a simple implementation of a single-page web app accessible only to internal employees. The website will host content related to company strategies and division sales goals.

To create the web app, you will use the Azure portal and connect it to a GitHub repository. To do this, you will need a free GitHub account, where you will upload the sample website content provided as part of this lab. Once the web app is up and running, you will make changes to the content and watch as the GitHub content is synced to the web app, using the CI/CD methodology.

Because this is an employee-only web app, you will need to secure access to the web app by creating users in Azure AD and implementing security for the web app through user authentication.

Job Skills

Exercise 1: Create an Azure App Service Web App

Task 1: Create a GitHub account and upload the sample web app code to a repository
Task 2: Create the web app in the Azure portal and connect it to the GitHub account
Task 3: Deploy Web App from GitHub
Task 4: Make changes to the code in GitHub and verify that the changes are reflected in the web app

Exercise 2: Enable autoscale for the web app

Task 1: Enable custom scaling
Task 2: Configure scale-out options based on CPU usage to increase the instance count
Task 3: Configure scale-in options based on CPU usage to decrease the instance count
Task 4: Create an Azure Load Testing
Task 5: Quick test and analyze the performance metrics of web app

Exercise 3: Configure user authentication and authorization

Task 1: Configure authentication for the web app
Task 2: View activities in Sign-In Logs

Exercise 4: Application Insights for Web App

Task 1: View the application’s performance through Application Insights
Task 2: Query the web performance metrics in Log Analytics
Task 3: View the Application Map in Azure Web App
Task 4: Set up the Availability feature in Application Insights for a web app

Exercise 5: Enable caching for the web app

Task 1: Create a CDN profile
Task 2: Enable caching on the web app endpoint

The Cloudguides in this series help enhance proficiency with Azure services and development principles, making it a valuable asset for building a career in cloud computing.

Architecture Diagram