Try the Static Website support (preview) of Azure Storage

Kazumi IWANAGA (OHIRA)
3 min readJun 10, 2018

At Build 2018, the Static Website support of Azure Storage was announced as a preview.

I guess this feature can help light users to publish their static web contents. So I tried it. Please remember that this feature is as a preview, so it may change in the future.

Overview of Static Website support of Azure Storage

  • You can publish static contents from Azure Storage for a web.
  • You can upload files with Azure Storage Explorer (Attention: written below)

Currently, the client application of Azure Storage Explorer cannot show the dedicated container for Static Website. (Maybe that cannot the container name that starts with $) But, you can use one in Azure Portal, it can work well.

Also, in preview, you can use these below regions to use Static Website support.

  • West Central US (Official announced)
  • West US 2

How to use Static Website support of Azure Storage

1. Open the link http://aka.ms/staticwebsites, this link opens the Azure Portal with option to enable the Static Website support.

2. Create new Storage Account with following options. Or you can use existing Storage Account that meets following options.

  • Select StorageV2 (general purpose v2) inAccount kind
  • Select available region

3. Open “Static website (preview)” blade and enable the switch of Static website.

Open Static website (preview) blade and set enabled in Static website switch.

4. After enabled Static website support, fill the “Index document name” and “Error document path” inputs and save them. Then Azure create dedicated container as $web in the Azure Storage and create the endpoint. Click $web to open Storage Explorer inside Azure Portal.

Azure create new $web container and the endpoint after enabled this support.

5. In Storage Explorer, you can upload index.html and some files.

You can upload files in the Storage Explorer in Azure Portal.

6. Open the endpoint after put the files, you can the index.html as a web site. (like https://<your storage account name>.<identifier>.web.core.windows.net/)

Open the endpoint then you can see the web site!

Sadly, the “Editor (preview)” (shown in above figure) doesn’t work well with static website support now. So please use “Edit blob” tab in blob file’s detail page to edit the file in the portal. I sent a feedback about that. I expect to be improved that. :)

It is so easy!

Have fun with Azure! :)

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Kazumi IWANAGA (OHIRA)
Kazumi IWANAGA (OHIRA)

Written by Kazumi IWANAGA (OHIRA)

Hello! :) I’m a developer, Microsoft MVP(Azure). My interests: Azure, Serverless, IaC, Container, IoT, and other many exciting things!

Responses (1)

Write a response

Thank you this helped me because the official instructions don’t mention the $web container name I don’t believe. I was stuck until I saw in your post that you need to use the $web container.

--