New Azure Feature: Static Website Hosting

New Azure Feature: Static Website Hosting

Here’s some brand new content from the SoftwareArchitect.ca YouTube channel that you might find interesting.

Just a quick video to show how to create a static HTML/CSS/JS website, and have it hosted using nothing more than an Azure Storage account.

Using an Azure Storage Account (v2), you can enable the $web container to do static hosting of files. Azure will give you a URL that you can use to access those files publicly. Pretty cool feature!

Quickstart Series: Windows Web App in Azure

In this video, I show you how to create a Windows Web App in Microsoft Azure. Windows Web App. We go through the Azure Portal, and see how form fields get filled in. If you can’t afford to create resources in Azure, but want to see how it’s done in 2018, this is the video for you.

Or you can see the video directly on YouTube.

Transcript:

Microsoft Azure recently announced that you can do static website hosting within an Azure storage account. Now AWS has had this feature for a while, but it’s nice to see Microsoft adding the feature.

Let me show you how absolutely easy this is to set up. If we go back to the portal, and I’m going to go full-screen on this, go into the New Resources and Storage section, Create a Storage Account. Now Microsoft has said that only Storage V2 is supported, so you actually have to change the account type. I’m going to call it azsjdtest as the stored account name. I don’t need it to be globally redundant. I’m only going to make it locally redundant. You can choose however you wish, and I’m going to put this in a brand new group. I’m going to leave everything else by default.

So I’m just creating a brand new storage account for this and a new resource group. It’ll take a second for this to create. All right. I’ll say go to resource, and there’s two things that’s required for this. One is that we go down to the static website, a new menu item, so Static Website Preview. We want to enable this. Now, we do have the option of giving the index file a name. I’m actually … Even though it’s the default, I’m going to call it Index.html, and we also have a 404 error page. I’m going to leave that blank. Click Save.

Now that this storage account is enabled for static files website hosting, I’m going to copy the endpoint here for later use. Now, we do need to go up to Storage Explorer, which will allow us to see into the storage account from within the portal, and Microsoft has created this dollar-sign web container for our public static website.

Now, I do need to upload index.html file into this. Fortunately, I have one created. Index.html. Upload, and so if it’s uploaded a very small file. My index.html is just five lines of code here. I’m going to close that.

So, we’ve created the static website, and we’ve uploaded a static file here. I’m going to go back to the tabs here. I’m going to open a new tab, and I’m going to paste the URL that Microsoft gave us when we created the static website, and there we go. Hey, this is a website. This is the html that I created.

So, we can see that we do not need an Azure web app. We do not need a virtual machine if as long as we don’t have any dynamic components, and it’s html, and it’s CSS and JavaScript, and image files, this can be hosted in a storage account. Again, AWS has had this for a little while, but we’re happy to see Microsoft add it.

So, now available in your Azure account in Public Preview is hosting static files such as a website into a storage account, and no need to create applications. You are charged for the megabytes being used, but this is again pennies per month, right? So, very good option if that’s what you want to be hosting.