Demo: Creating a Web App on Azure

It’s time for a hands-on exercise where we’ll create an Azure Web App and host a sample application on it.

Note: Make sure you’ve completed the prerequisites section since an active Azure subscription is necessary.

Demo: Azure App Service

Azure App Service offers various options like Static Web Apps, Azure App Service, etc. Let’s take a look at each.

Using the Static Web Apps service

A static web application is a type of application that doesn’t require server-side rendering. These apps include HTML, CSS, JavaScript, and images that serve as a layout for the application. It offers an integration option with the Azure Functions. Let’s see how to set up a demo static web application:

1. Navigate over to Azure Portal and log in.

2. On the Azure home page, click the “Create a resource” button. This will open a marketplace. There, search for “Web Apps” by typing it in the search box or scrolling down to find it. There’ll be many options available. Select the “Static Web App” option.

3. Click the “Create” button under the “Static Web App” option. This will open up a form to fill in the details. You need to select your subscription and an already existing resource group. If you don’t have one, click the “Create new” button and give it any desired name.

4. After that, under the “Static Web App details” section, fill in the “Name” field, choose a region, and ...