DEV Community

Cover image for Getting Started with Azure App Service: Deploy a Web App in Minutes
Olalekan Oladiran
Olalekan Oladiran

Posted on

Getting Started with Azure App Service: Deploy a Web App in Minutes

Introduction

Azure App Service is a fully managed Platform-as-a-Service (PaaS) offering from Microsoft Azure, designed to host web applications, APIs, and mobile backends with minimal infrastructure management. It supports multiple programming languages (like .NET, Java, Node.js, Python, and PHP) and frameworks, enabling developers to deploy apps quickly without worrying about servers, scaling, or patching.

Create Azure App Service

  • Log into your Azure portal and search for Azure app service. Select App services. Image description
  • Click create and choose Webapp Image description
  • Choose the following: resource group, name of your webapp, Publish, runtime stack and region. Image description
  • Change the pricing tiers to shared for the purpose of testing Image description
  • Leave other settings as default, change the tab to Review + create and select create after validation. Image description
  • Wait for the deployment to complete and click Go to resource Image description
  • Click the default Domain to check that the web app is running. Image description Image description

Deploy your apps to Azure App services

  • Open VS Code, create a folder for your app and cd into it
mkdir [folder-name]
cd [folder-name]
Enter fullscreen mode Exit fullscreen mode

Image description

  • Clone this repo for the purpose of this project by running this command:

git clone https://github.com/Azure-Samples/html-docs-hello-world.git

Image description

  • Deploy your app in VS code to your App services. To do this, Click view and select command pallete Image description
  • Search for and select Deploy to Web App Image description
  • Select the folder that contains your app or browse to choose the folder Image description Image description
  • Choose your subscription Image description
  • Select your App services Image description
  • Select Deploy Image description
  • Wait for the deployment to finish. Image description Image description
  • Once the deployment is completed, refresh the page you used to check if your App services is running. Image description This shows that you have successfully hosted Static website on Azure App services.

Thanks for staying till the end

Top comments (0)