How to create a static HTML website using Azure App Service?

How to create a static HTML website using Azure App Service?

How to create a static HTML website using Azure App Service?

Hello Everyone

Welcome to CloudAffaire and this is Debjeet.

In today’s blog post, we will discuss how to create a static HTML website using Azure App Service. Azure App Service enables you to build and host web apps, mobile back ends, and RESTful APIs in the programming language of your choice without managing infrastructure. It offers auto-scaling and high availability, supports both Windows and Linux, and enables automated deployments from GitHub, Azure DevOps, or any Git repo.

How to create a static HTML website using Azure App Service?

Prerequisites:

Azure CLI installed and configured

Step 1: Clone a static website template using git.

Step 2: Create a new resources group for your Azure app service.

Step 3: Deploy a static website using the Azure app service.

The above command will do the following things

  • Create a default app service plan.
  • Create an app with the specified name.
  • Zip deploy files from the current working directory to the web app.

It may take 2-3 mins to create all the resources and deploy your static website using Azure App Service. Once the deployment is completed, you will get the endpoint URL to access your static website.

How to create a static HTML website using Azure App Service?

Step 4: Validate your webpage by opening the URL provided in the last step in your browser.

How to create a static HTML website using Azure App Service?

You can also check in Azure Portal

How to create a static HTML website using Azure App Service?

Note: if you want to deploy a new version of your static webpage, simply rerun the command provided in step 3 and Azure will automatically repackage your web pages and deploy the new version in the Azure App service.

Step 5: Clean up.

Hope you have enjoyed this article. To get more details on Azure App Service, please refer to the below documentation.

https://docs.microsoft.com/en-us/azure/app-service/

Azure App Service CLI reference

https://docs.microsoft.com/en-us/cli/azure/webapp?view=azure-cli-latest

Leave a Reply

Close Menu