Platform as a Service (PaaS): PaaS in cloud computing provides a fully managed infrastructure environment for customers and developers to develop and manage their applications without having to worry about managing own infrastructure. The services can be shut down with the click of a button. There are many PaaS provides, but the most popular ones are Amazon AWS, Microsoft Azure, IBM Bluemix, Google App Engine.

Azure App Services: Microsoft Azure offers the following types of Application Services.

  • Web Apps
  • Mobile Apps
  • API App
  • WebApp for Containers

Prerequisites for creating Web Application from Azure portal:

  • Azure Subscription account

Presented below are the steps to create and publish a Web Application using Azure App Service.

Step 1: Login to Azure portal. Select the App Services from the dashboard.

app services dashboard

Step 2: Click + Add icon to provide required details such as Name of the App, Resource Group Name, etc.

app services details

Step 3: Select Web App from the options presented.

web app option

Step 4: Click on Create button to proceed further.

web app create

Step 5: Provide the Application Name, Subscription Type, Resource Group, OS Type, Publish Type, App Service Plan/Location, Application Insights. The App Name for instance here is “My1webapp”. Click the Create button. At this point, the details provided would be verified.

web app details

Step 6: If everything goes well, then we should see “Validation Successful” message.

validation successful

Step 7: The following page would be presented with details and status related to the Web App we just created.

details status web app

Step 8: When we click on the URL, we would be presented with a page as shown below.

url page

Step 9: Go back to the App Services from Home page where we can see Web App name we just created. Click on the web app name.

web app name

At this point, we will try to add content to the web page (simple “Hello World !!” just for the demo purpose).

Step 10: The following page would be presented. Select the Advanced Tools (under Development Tools section of the left menu). Click on GO from right pane.

advanced tools

Step 11: Azure KUDU debugging console is presented as shown below.

azure kudu

Step 12: From the top menu bar, select Debug ConsoleCMD.

debug console

Step 13: Select the Site folder to proceed further

site folder

Step 14: Select wwwroot folder to proceed further.

wwwroot

Step 15: We can see the html related to the default home page here. This can be renamed, for instance, to index.html and we can modify the code in there.

  • We can also add more code by clicking the + icon after /wwwroot.
  • home page html

  • We can add the simple “Hello World !!” text on the index.html page (for demo purpose) by clicking the edit icon (pen symbol against the index.html)

Step 16: Here is the modified content of index.html

modified context

Step 17: Go back to Home App Services My1webapp Overview

Click the Browse button to view the web page with modified content.

browse modified content

Here is the web page with modified content.

modified web page

Share This