DEV Community

Cover image for How to Create an App Service Application & Upload Content on Microsoft Azure
Tawo Wilmer Busa
Tawo Wilmer Busa

Posted on

How to Create an App Service Application & Upload Content on Microsoft Azure

Introduction
Azure App Services provides the platform to build and deploy web, mobile, or integration applications. We can build robust cloud-native apps that can scale as per the need and with complex architecture and secure connections for any platform or device without worrying about the Virtual machine that will host. In this article, I'll walk you through the steps of creating an App Service application in the Azure Portal and uploading code to it.

🔑 Prerequisites:

  • An Azure Subscription (Free or Paid)
  • Azure Resource Group
  • Web App Content (HTML, ASP.NET, Node.js, PHP, or any app files)
  • Azure CLI (Optional for automation)

Step 1: Create an App Service using Azure Portal

  • Sign in to Azure Portal 👉 Go to: https://portal.azure.com

  • Navigate to App Service
    Search for App Services in the search bar
    Image description

  • Configure the App Service
    Click + Create then click on +web app to start the setup process

Image description

  • Fill Basic Information

Subscription: Select your Azure subscription
Resource Group: Create a new resource group or select an existing one

Image description

  • Name: Unique App Name (e.g., mywebapp123)
  • Runtime Stack: Choose your platform (.NET, PHP, Node.js, Python, Java, etc.)
  • Region: Choose the nearest region

Image description

  • App Service Plan

Select an existing App Service Plan or create a new one
Choose the pricing tier based on your app’s needs (e.g., Free, Basic, Standard, Premium)
Then click on create and review

Image description

  • click on create

Image description

  • Click on Go to resource to open the App Service overview page

Image description

Image description
Step 2: Upload Content to App Service

  • On the Resource overview page search for advanced tools then click on advanced tools

Image description

  • Click on GO

Image description
Note, when click on Go it will redirect to a new page kudu+

Image description

  • Click Debug console then on the drop down click on CMD

Image description

  • Click on site

Image description

  • Click on wwwroot

Image description

  • On the hostingstart.html page click on the pencil like sign

Image description

Image description

  • Copy and paste your web code and click Save

Ensure your code is ready for deployment

Image description

  • Go back to the app service resource group and click on Default domain link

Image description

Image description

Image description

Image description
Conclusion
We have successfully created an Azure App Service application and uploaded a simple Bank App code. Azure App Service is a powerful platform for hosting web apps, and you may configure your app's settings, scale it, and combine it with other Azure services as necessary.

Top comments (0)