Azure Solutions Architecture · AZ-305 · App Architecture · by Raushan Ranjan, MCT
Understanding Azure App Service with Tutorial Raushan, a passionate developer from Patna, had one goal — to solve a real-world problem. He built a web app called "KisaanConnect", aiming to connect local farmers directly with consumers. But once he tried to take it live, managing servers, uptime, and security became a nightmare. Then he found Azure App Service — launched by Microsoft in March 2015. It was a Platform as a Service (PaaS) solution that let developers deploy apps without managing any infrastructure. Support for .NET, Java, Node.js, Python, PHP — with features like auto-scaling, CI/CD, staging slots, and integrated security made it irresistible. With App Service, Raushan deployed directly from GitHub. His app scaled automatically, and he could add authentication and SSL with a few clicks. Secrets were stored safely using Azure Key Vault, and performance was monitored using Application Insights. “You don’t need to be an ops guru to build something great. Just use the right platform — like I did.” Over the years, App Service evolved:- 2016: App Service Environment (ASE)
- 2017: Linux & Docker support
- 2020: Private Endpoints & VNET Integration
- 2023: Support for .NET 7, Node 18, Azure Arc
🚀 Quick Guide: Deploy Hello World Website on Azure App Service 🔁 Clone the GitHub Repo git clone https://github.com/Azure-Samples/html-docs-hello-world.git cd html-docs-hello-world 🛠️ Approach 1: Manual Setup + Deploy with
webapp deploy
az group create --name raushan-rg --location eastus
az appservice plan create \
--name MyPlan \
--resource-group raushan-rg \
--sku FREE
az webapp create \
--name my-helloapp-$RANDOM \
--resource-group raushan-rg \
--plan MyPlan \
--runtime "PHP|8.0"
az webapp deploy \
--resource-group raushan-rg \
--name <your-webapp-name> \
--src-path . \
--type static
az webapp show --name <your-webapp-name> --resource-group raushan-rg --query defaultHostName -o tsv
Note: --runtime is only required if your web app needs a specific runtime like Node, PHP, Python, etc. For static HTML/CSS, it can be omitted or use "PHP|8.0" to satisfy the requirement.
⚡ Approach 2: One Command with webapp up
cd html-docs-hello-world
az webapp up --name myhelloworldapp$RANDOM --location eastus
This command will automatically create the resource group (default: CloudShellRG), App Service plan, and web app if not already present.
az webapp up --name myhelloworldapp$RANDOM --resource-group raushan-rg --location eastus
This command will automatically create the resource group (raushan-rg), App Service plan, and web app if not already present.
🧹 Cleanup Resources
az group delete --name raushan-rg --yes --no-wait
📚 Official Microsoft Learn Resources
- Azure App Service Documentation
- Overview of Azure App Service
- Quickstart: Deploy a static HTML website
- Continuous Deployment with GitHub Actions
- App Service Environment (ASE) Overview
- Private Endpoint for App Service
- Managed Identity in App Service
- Microsoft Learn Module: Introduction to Azure App Service
Join the Learning Journey
Make sure to subscribe to our YouTube channel RR Skillverse – Power BI, Cloud & More to stay updated with our latest video tutorials. Bookmark this blog for detailed guides and learning materials that complement our video content.
We’re excited to build a strong learning community together! Have any questions or topics you want us to cover? Drop a comment below – we love hearing from you! 🚀
What's Next: In our next blog post, we'll explore Azure App Service in Detail with a Story.
Stay tuned!
Happy Learning,
Raushan Ranjan
Founder, RR Skillverse – Power BI, Cloud & More
📧 Contact: raushanr1107@gmail.com
🔗 YouTube: RR Skillverse – Power BI, Cloud & More
🔗 LinkedIn
📚 Continue Learning on RR Skillverse