Hosting a Static Website on Azure Web App!

Image for post
Image for post

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):

Image for post
Image for post

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.

Image for post
Image for post

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”:

Image for post
Image for post

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:

Image for post
Image for post

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.

Image for post
Image for post

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store