Creating a web app in Azure - Visual Walkthrough

Process Flow - Creating a web app

Start

↓

Choose App Name

↓

Select Resource Group

↓

Pick Runtime Stack

↓

Set Region

↓

Configure App Service Plan

↓

Review & Create

↓

Deployment

↓

Web App Running

This flow shows the main steps to create a web app in Azure, from naming to deployment and running.

Execution Sample

Azure

az webapp create --resource-group MyResourceGroup --plan MyPlan --name MyWebApp --runtime "DOTNET|6.0" --location EastUS

This command creates a web app named MyWebApp in the specified resource group and plan using .NET 6 runtime in the EastUS region.

Process Table

Step	Action	Input/Parameter	Result/State
1	Choose App Name	MyWebApp	App name set to MyWebApp
2	Select Resource Group	MyResourceGroup	Resource group MyResourceGroup selected
3	Pick Runtime Stack	DOTNET|6.0	Runtime set to .NET 6.0
4	Set Region	EastUS	Region set to EastUS
5	Configure App Service Plan	MyPlan (Standard S1)	App Service Plan MyPlan configured
6	Review & Create	Confirm settings	Settings validated
7	Deployment	Run az webapp create command	Web app MyWebApp created and deployed
8	Web App Running	Access URL	Web app is live and accessible

💡 Web app creation completes successfully and app is running.

Status Tracker

Variable	Start	After Step 1	After Step 2	After Step 3	After Step 4	After Step 5	After Step 7	Final
AppName	null	MyWebApp	MyWebApp	MyWebApp	MyWebApp	MyWebApp	MyWebApp	MyWebApp
ResourceGroup	null	null	MyResourceGroup	MyResourceGroup	MyResourceGroup	MyResourceGroup	MyResourceGroup	MyResourceGroup
Runtime	null	null	null	DOTNET|6.0	DOTNET|6.0	DOTNET|6.0	DOTNET|6.0	DOTNET|6.0
Region	null	null	null	null	EastUS	EastUS	EastUS	EastUS
AppServicePlan	null	null	null	null	null	MyPlan (Standard S1)	MyPlan (Standard S1)	MyPlan (Standard S1)
DeploymentStatus	Not started	Not started	Not started	Not started	Not started	In progress	Completed	Completed

Key Moments - 3 Insights

Why do we need to select a resource group before creating the web app?

The resource group organizes related resources together. In the execution_table row 2, selecting the resource group ensures the web app is created in the right container for management.

What happens if the app name is already taken?

The creation command will fail because app names must be unique globally. This is implied in step 7 where deployment happens; if the name is taken, deployment stops.

Why do we specify a runtime stack like DOTNET|6.0?

The runtime stack tells Azure what environment to prepare for your app code. In step 3, setting runtime ensures the app runs correctly on the chosen platform.

Visual Quiz - 3 Questions

Look at the execution_table, what is the AppName variable after Step 3?

A MyWebApp

B null

C MyResourceGroup

D DOTNET|6.0

💡 Hint

Check variable_tracker row for AppName after Step 3 column.

At which step does the deployment of the web app start according to the execution_table?

A Step 5

B Step 6

C Step 7

D Step 8

💡 Hint

Look at the 'Action' column in execution_table for deployment start.

If the region was changed to WestEurope at Step 4, what would change in the variable_tracker?

A AppName would change to WestEurope

B Region would be WestEurope after Step 4 and onwards

C ResourceGroup would be WestEurope

D No change in any variable

💡 Hint

Check the Region variable values across steps in variable_tracker.

Concept Snapshot

Creating a web app in Azure involves:
- Choosing a unique app name
- Selecting a resource group
- Picking a runtime stack (e.g., DOTNET|6.0)
- Setting the region
- Configuring an App Service Plan
- Deploying the app
The app runs live after deployment.

Full Transcript

To create a web app in Azure, you start by choosing a unique name for your app. Then, you select a resource group to organize your resources. Next, pick the runtime stack your app will use, such as .NET 6.0. After that, set the region where your app will be hosted. Configure the App Service Plan which defines the compute resources. Review all settings and run the deployment command. Once deployed, your web app is live and accessible. Each step updates variables like AppName, ResourceGroup, Runtime, Region, and DeploymentStatus as shown in the execution table and variable tracker.

Practice

1. What is the main purpose of creating a web app in Azure?

easy

A. To create databases for applications

B. To store large amounts of data securely

C. To manage virtual machines

D. To make your website or service available online

Solution

1. Step 1: Understand the purpose of a web app

   A web app hosts websites or services so users can access them online.

2. Step 2: Compare options

   Options relate to storage, virtual machines, and databases, not web hosting.

3. Final Answer:

   To make your website or service available online -> Option D

4. Quick Check:

   Web app purpose = online availability [OK]

Hint: Web apps host websites or services online [OK]

Common Mistakes:

• Confusing web apps with databases
• Thinking web apps manage virtual machines
• Assuming web apps store data only

2. Which Azure CLI command correctly creates a web app named myapp123 in resource group mygroup with plan myplan?

easy

A. az webapp create --name myapp123 --resource-group mygroup --plan myplan

B. az webapp new --app myapp123 --group mygroup --plan myplan

C. az create webapp --name myapp123 --group mygroup --plan myplan

D. az webapp deploy --name myapp123 --resource-group mygroup --plan myplan

Solution

1. Step 1: Identify the correct Azure CLI syntax

   The correct command to create a web app is az webapp create with options --name, --resource-group, and --plan.

2. Step 2: Check each option

   az webapp create --name myapp123 --resource-group mygroup --plan myplan matches the correct syntax. Other options use incorrect subcommands like 'new', invalid syntax such as 'az create webapp', or 'deploy' which is for deployment not creation.

3. Final Answer:

   az webapp create --name myapp123 --resource-group mygroup --plan myplan -> Option A

4. Quick Check:

   Correct CLI command = az webapp create --name myapp123 --resource-group mygroup --plan myplan [OK]

Hint: Use 'az webapp create' with --name, --resource-group, --plan [OK]

Common Mistakes:

• Using 'az webapp new' instead of 'create'
• Mixing up option names like --app or --group
• Using 'deploy' instead of 'create'

3. What will happen if you run this command?

az webapp create --name myapp123 --resource-group mygroup --plan myplan

Assuming mygroup and myplan exist and myapp123 is unique.

medium

A. A new resource group named mygroup is created automatically

B. The command fails because the app name is not unique

C. A new web app named myapp123 is created in mygroup using myplan

D. The app service plan myplan is deleted

Solution

1. Step 1: Understand command prerequisites

   The command creates a web app if the resource group and plan exist and the app name is unique.

2. Step 2: Analyze the command effect

   Since all conditions are met, the web app named myapp123 is created in mygroup using myplan.

3. Final Answer:

   A new web app named myapp123 is created in mygroup using myplan -> Option C

4. Quick Check:

   Valid inputs create web app = A new web app named myapp123 is created in mygroup using myplan [OK]

Hint: Valid group, plan, unique name = web app created [OK]

Common Mistakes:

• Assuming resource group auto-creation
• Thinking app service plan is deleted
• Believing app name uniqueness is not required

4. You run this command but get an error:

az webapp create --name myapp123 --resource-group mygroup --plan myplan

What is the most likely cause?

medium

A. The app service plan myplan does not exist

B. The app name myapp123 is already taken

C. The resource group mygroup is missing

D. The Azure CLI is not installed

Solution

1. Step 1: Check prerequisites for the command

   The resource group and app service plan must exist before creating a web app.

2. Step 2: Identify the most common error

   If the resource group exists but the plan does not, the command fails with an error about the plan.

3. Final Answer:

   The app service plan myplan does not exist -> Option A

4. Quick Check:

   Missing plan causes error = The app service plan myplan does not exist [OK]

Hint: Check if app service plan exists before creating web app [OK]

Common Mistakes:

• Assuming resource group auto-creates
• Ignoring app name uniqueness errors
• Not verifying Azure CLI installation

5. You want to create a web app with a unique name myapp123 in resource group mygroup. The app service plan myplan is in the EastUS region. Which command correctly creates the web app ensuring it uses the same region?

hard

A. az webapp create --name myapp123 --resource-group mygroup --plan myplan --location EastUS

B. az webapp create --name myapp123 --resource-group mygroup --plan myplan

C. az webapp create --name myapp123 --resource-group mygroup --plan myplan --location WestUS

D. az webapp create --name myapp123 --resource-group mygroup --plan myplan --sku B1

Solution

1. Step 1: Understand app service plan location

   The web app inherits the region from the app service plan; specifying location is not needed.

2. Step 2: Analyze command options

   az webapp create --name myapp123 --resource-group mygroup --plan myplan uses the existing plan without location override, ensuring the web app is in EastUS. Adding --location when --plan is specified is invalid and causes errors. Adding --sku B1 is unnecessary and invalid for web app creation.

3. Final Answer:

   az webapp create --name myapp123 --resource-group mygroup --plan myplan -> Option B

4. Quick Check:

   Web app location = app service plan location [OK]

Hint: Web app location follows app service plan location; no need to specify [OK]

Common Mistakes:

• Adding --location causing conflicts
• Assuming location must be specified again
• Changing SKU without need