Creating a web app in Azure - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a resource group in Azure CLI.

Azure

az group create --name [1] --location eastus

Drag options to blanks, or click blank then click option'

AWebAppGroup

BCreateGroup

CMyResourceGroup

DResourceZone

Attempts:

3 left

💡 Hint

Common Mistakes

Using invalid characters or spaces in the resource group name

Confusing the location parameter with the name

The --name parameter specifies the resource group name. 'MyResourceGroup' is a common example name.

2fill in blank

medium

Complete the code to create an Azure App Service plan.

Azure

az appservice plan create --name [1] --resource-group MyResourceGroup --sku B1

Drag options to blanks, or click blank then click option'

AAppPlan1

BMyAppServicePlan

CServicePlanA

DPlanBasic

Attempts:

3 left

💡 Hint

Common Mistakes

Using the resource group name instead of the plan name

Using invalid characters in the plan name

The --name parameter sets the name of the App Service plan. 'MyAppServicePlan' is a clear and valid example.

3fill in blank

hard

Fix the error in the command to create a web app with the correct runtime stack.

Azure

az webapp create --resource-group MyResourceGroup --plan AppPlan1 --name MyWebApp --runtime [1]

Drag options to blanks, or click blank then click option'

Anode|14-lts

Bpython|3.8

Cdotnet|6

Djava|11

Attempts:

3 left

💡 Hint

Common Mistakes

Using an unsupported runtime string format

Choosing a runtime that does not match the app code

The --runtime parameter specifies the runtime stack. 'node|14-lts' is a valid runtime for Node.js apps.

4fill in blank

hard

Fill both blanks to configure deployment source from a GitHub repository.

Azure

az webapp deployment source config --name MyWebApp --resource-group MyResourceGroup --repo-url [1] --branch [2]

Drag options to blanks, or click blank then click option'

Ahttps://github.com/azure-samples/nodejs-docs-hello-world

Bmain

Cmaster

Dhttps://github.com/user/repo

Attempts:

3 left

💡 Hint

Common Mistakes

Using an invalid URL format

Confusing branch names

The --repo-url is the GitHub repository URL, and --branch specifies the branch to deploy from. 'main' is the default branch name in many repos.

5fill in blank

hard

Fill all three blanks to set environment variables for the web app.

Azure

az webapp config appsettings set --name MyWebApp --resource-group MyResourceGroup --settings [1]=[2] [3]=production

Drag options to blanks, or click blank then click option'

AENVIRONMENT

Bdevelopment

CMODE

Dstaging

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping variable names and values

Using invalid variable names

Environment variables are set as key=value pairs. Here, 'ENVIRONMENT=development' and 'MODE=production' are examples.

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