Service Area: Compute / App Services

Lab Objective:

Learn how to deploy a Web App using Azure App Service and manage basic configurations.

---

Example Scenario:

Deploy a Web App named mywebapp-demo using Azure App Service in the East US region and display a custom HTML page.

---

Lab Steps:

Step 1: Login to Azure Portal

• URL: https://portal.azure.com
• Sign in with your Azure credentials.

---

Step 2: Create an App Service Plan

• Search → App Services → Click Create → Web App

Basics Tab:

Field	Value
Subscription	Your Subscription
Resource Group	Create new → AppLab-RG
Name	mywebapp-demo (Unique Name)
Publish	Code
Runtime Stack	.NET / Node.js / PHP / Python (Choose any)
Operating System	Windows / Linux
Region	East US
App Service Plan	Create new → AppLab-Plan
SKU & Size	Free (F1) or Basic Tier

---

Step 3: Review + Create

• Review the configuration
• Click Create

---

Step 4: Access the Web App

• After deployment, go to App Services → Select mywebapp-demo
• Copy the Default URL:
  Example: https://mywebapp-demo.azurewebsites.net

Open in browser → App Service default page appears.

---

Step 5: Deploy Custom HTML Page (Optional)

• In App Service → Left Menu → Advanced Tools (Kudu) → Click Go
• Click Debug Console → CMD
• Navigate to: site/wwwroot
• Create a new file: index.html
• Add content:

htmlCopyEdit<h1>Welcome to Azure App Service - Demo!</h1>

Refresh the web app URL → Custom page should appear.

---

Step 6: Configure App Settings (Optional)

• In App Service → Settings → Configuration
• Add Application Settings like Environment Variables if needed.

---

Step 7: Monitor the Web App

• In App Service → Monitoring Section
  • View Metrics
  • View Logs
  • Enable Application Insights (Optional)

---

Step 8: Clean Up Resources

• Delete the resource group to avoid charges:
  Resource Groups → AppLab-RG → Delete.

---

Outcome:

Successfully deployed a Web App using Azure App Service, customized its content, and explored management features.