Creating a web app in Azure - Try It Yourself

Creating a web app

📖 Scenario: You want to create a simple web app on Microsoft Azure to host your website. This project will guide you through creating the basic Azure resources needed for a web app.

🎯 Goal: Build an Azure web app by creating a resource group, an app service plan, and the web app itself using Azure CLI commands.

📋 What You'll Learn

Create a resource group named MyResourceGroup in the eastus region.

Create an app service plan named MyAppServicePlan in the resource group with FREE SKU.

Create a web app named MyUniqueWebApp123 in the app service plan and resource group.

💡 Why This Matters

🌍 Real World

Creating web apps on Azure is common for hosting websites and APIs in the cloud.

💼 Career

Cloud engineers and developers often create and manage web apps using Azure CLI or portal as part of their daily tasks.

1

Create the resource group

Use the Azure CLI command az group create to create a resource group named MyResourceGroup in the eastus region.

Azure

# Use az group create to make MyResourceGroup in eastus
# Your code here

Hint

The command az group create creates a resource group. Use --name to set the group name and --location to set the region.

2

Create the app service plan

Use the Azure CLI command az appservice plan create to create an app service plan named MyAppServicePlan in the resource group MyResourceGroup with the FREE SKU.

Azure

az group create --name MyResourceGroup --location eastus
# Use az appservice plan create to make MyAppServicePlan with FREE SKU in MyResourceGroup
# Your code here

Hint

The command az appservice plan create creates a plan. Use --name for the plan name, --resource-group for the group, and --sku for pricing tier.

3

Create the web app

Use the Azure CLI command az webapp create to create a web app named MyUniqueWebApp123 in the app service plan MyAppServicePlan and resource group MyResourceGroup.

Azure

az group create --name MyResourceGroup --location eastus
az appservice plan create --name MyAppServicePlan --resource-group MyResourceGroup --sku FREE
# Use az webapp create to make MyUniqueWebApp123 in MyAppServicePlan and MyResourceGroup
# Your code here

Hint

The command az webapp create creates the web app. Use --name for the app name, --plan for the service plan, and --resource-group for the group.

4

Verify the web app creation

Use the Azure CLI command az webapp show to verify that the web app MyUniqueWebApp123 exists in the resource group MyResourceGroup.

Azure

az group create --name MyResourceGroup --location eastus
az appservice plan create --name MyAppServicePlan --resource-group MyResourceGroup --sku FREE
az webapp create --name MyUniqueWebApp123 --plan MyAppServicePlan --resource-group MyResourceGroup
# Use az webapp show to check MyUniqueWebApp123 in MyResourceGroup
# Your code here

Hint

The command az webapp show displays details about the web app. Use --name and --resource-group to specify the app.

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