DEV Community

Cover image for Hosting a Static Website on Azure Web App!
Daniel Gomez
Daniel Gomez

Posted on

Hosting a Static Website on Azure Web App!

Today the term cloud computing is giving a lot to talk about. Cloud computing allows us to access a large number of services through infrastructure that we can have at our disposal, such as: physical servers, networks, virtual machines, development containers, among others. For this case, we refer to Microsoft Azure, where we can practically build anything (computerly speaking).

One of the most used resources today are the services that allow us to work with web applications for hosting HTML pages for example, in the case of Azure there is a service called Web App and best of all, we will not have the trouble of managing the infrastructure for its operation.

For the implementation of a Web App, the first thing we need to do is create a service of this type (Web App):

Where the name of the application will also serve to define the name of the domain to access the website you want to create. Azure provides us with a subdomain with azurewebsites.net.

The creation of this service usually takes between 30 and 60 seconds.

In order to host the HTML and CSS files of the web page that you want to host in the cloud, we go to the list of options of the created resource and select in “Advanced Tools”:

Once this process is done, we will be redirected to the Kudu portal, where we can host our files, add extensions such as: phpMyAdmin, ASP.NET, PHP7, Python, among others. For our purpose, we turn to the CMD console:

Later we will find the CMD command console and a file directory of the website. In the file directory starting browsing from the site folder, then wwwrot and in that directory we upload the HTML files, images and others of the web page that you want to host.

The last thing left to do is review the final web page through the address initially created in the resource.

Top comments (0)