DEV Community

Cover image for How to build Azure App service step by step.
Freddie HOLMES
Freddie HOLMES

Posted on • Edited on

How to build Azure App service step by step.

Azure App Service is a fully managed Platform-as-a-Service (PaaS) for building deploying and scaling web apps APIs and mobile backends without managing infrastructure, offering benefits like automatic scaling, built-in security, streamlined CI/CD, multi-language support (.NET, Java, Python, Node.js, PHP, containers), high availability, global reach, and seamless integration with other Azure services (like Azure SQL, DevOps)

Azure Web App Service, officially called Azure App Service, is a fully managed cloud platform from Microsoft used to build, deploy, and run web applications without managing servers.

What it means in simple terms

Azure App Service lets you upload your web app and Microsoft handles the servers, security, scaling, updates, and uptime.
You focus on writing code. Azure runs it.

What you can host on Azure App Service

Websites and web applications
Backend APIs for mobile or frontend apps
REST APIs
Business and enterprise applications

Supported languages and frameworks

.NET and .NET Core Java Node.js Python PHP Ruby

Azure webapp can be deploy using GitHub Azure DevOps ZIP upload Docker containers or FTP

Here are some Key features

No server management
Auto scaling based on traffic
Built in security with HTTPS and authentication
High availability with 99.95 percent SLA
Custom domains and SSL certificates
Easy integration with Azure SQL, Storage, Key Vault, and Active Directory

In Most Common real world use cases

Hosting company websites eg, e-commence platform like Amazon Alibaba
Running SaaS applications
Hosting APIs for mobile apps
Internal business portals

I will demonstrate a step by step process in deploying Azure web.
App service and test it.

Step 1. Login to Azure portal #https://portal.azure.com/#home

In the search bar, type App service

Step 2#. Click + Create and choose Web App

Step 3. Under subscription>>>>>>Resource Group>>>>I click on create new to create my Resource Group name webapp01-RG.

provide my instance name as webapp01.
Under Publish>>>I chose Code, because I will use to run many codes.
Select Runtime stack and chose .net 10 LS
My Region is Canada central.
Click Revide+Create.

Step 4. Notice my deployment is in progress

Step 5. Deployment is complete, next thing I need to click on go to resource and click on the webapp01 shown below.

Step 6. I need to copy the link of my newly deployed webapp to test in a browser by pasting the link.


Boom our website is ready. Now I need to edit few file to make it functional for daily operation.

Step 7. Next step is to edit the root file and create our coding to make my website fully operational. Click on webapp01 it will open.

In the search bar, above overview, I type advance tools and click it.


Click on >>>Go

Step 8. Now I will make some important changes to our newly webapp. On the Tab, select Debug tool and select >>>Powershell

Step 9. Expand>>> site>>>


expand>>>wwwroot


Click on the pencil icon to Edit the hostingstart.html file

Step 10. I Edited the file to create application for my children to spend time learning mathematics and crossword game.

save the file.

Step 11. My application is build and running. My children can spend time practicing calculation and subtraction.

Hope this resource was helpful

Top comments (0)