DEV Community

Cover image for How to create a Web app using Azure App service.
Oluwanifesimi
Oluwanifesimi

Posted on

How to create a Web app using Azure App service.

In today’s rapidly evolving digital world, developers and businesses need agile, scalable, and cost-efficient ways to bring their applications to life. Enter Microsoft Azure App Service—a fully managed platform that streamlines the entire web app lifecycle. From building and deploying to scaling and maintaining, Azure App Service takes the complexity out of infrastructure so you can focus on writing great code.

Supporting a wide range of programming languages, integrating effortlessly with popular development tools, and offering built-in DevOps workflows, Azure App Service empowers developers to go from local development to global deployment with ease. In this guide, we’ll walk through the step-by-step process of creating a web app using Azure App Service, giving you both practical insights and hands-on experience in modern cloud development.

Step 1: Sign in to Azure Portal
login

Step 2: Create the a resource group

  • In the Azure Portal, search resource group and select resource group.
    SEARCH

  • Click + Create.
    Create

  • Select subscription, Give your resource group a name WebAppRG, and select a region, click review + create
    subscription

  • Click create to create your resource group
    create RG

Step 3: Create the Web App

  • In the Azure Portal, search App Services and select it.
    app ser

  • Click + Create, under the drop-down select Web App
    create web app

  • Under the basic tab, select the resource group created in step 2 (WebAppRG).

  • Give your Web App a name RentalWebApp

  • Under publish select code

  • Choose your runtime stack .NET 9 STS

  • Select Operating System (Windows)

  • select your desired region.
    creation

  • Create your own App service plan by clicking (create new) and name it Rentalwebplan, Click Ok. and Review + create.
    webplan

  • Click Create
    click create

  • After Deployment Click on go to resources to see the Web App
    deployment and go to resource

  • Under Development tools select Advance tools and click on go
    deployment advance tool

  • You will be asked to sign in again into your azure account, select your azure account to sign in or it might go directly to the web page

  • Once sign in, you will be redicted to the advance tool web page.
    kudu web page

  • Select Debug Console and Click on CMD
    cmd

  • Click on sites
    on sites

  • Click on wwwroot.
    wwwroot

  • Click on the Edit pencil to edit the default template code or clear the default template code.
    edit pencil

  • Clear the default code.
    clear default code

  • Copy and Paste your RentalWebApp code and save
    web app code

-Navigate back to your App service and Select your Web App
navigate to web app

  • Copy the Default domain
    copy default domain

  • paste default domain in a web browser to see your RentalwebApp running.

browsing domain

Conclusion
Building a web app with Azure App Service isn’t just a technical task—it’s a gateway to delivering fast, secure, and scalable experiences to users across the globe. From initial setup to live deployment, Azure strips away the infrastructure hassle and lets developers zero in on what matters most: creating impactful solutions.
By walking through this guide, you’ve laid the groundwork for confidently launching, managing, and growing cloud-based applications. Whether you're just dipping your toes into cloud development or refining your workflow as a seasoned pro, Azure App Service equips you with the flexibility and power to bring your ideas to life—quickly and reliably.
Keep exploring, keep building, and let the cloud work for you.

Top comments (0)