DEV Community

Cover image for Provide storage for the public website
Afeez Adeyemo
Afeez Adeyemo

Posted on

2 1 1 1 1

Provide storage for the public website

Table of contents

Step 1: Create a storage account with high availability.
Step 2: Create a blob storage container with anonymous read access
Step 3: Practice uploading files and testing access.
Step 4: Configure soft delete
Step 5: Configure blob versioning

This is a step guide with screen grabs on how to easily set up storage for a public website.

Step 1: Create a storage account with high availability.

  1. Create a storage account for the internal private company documents.
  • In the portal, search for and select Storage accounts.

Image description

  • Select + Create.

Image description

  • For resource group select new. Give your resource group a name and select OK.
  • Set the Storage account name to publicwebsite. Make sure the storage account name is unique by adding an identifier.
  • Take the defaults for other settings.
  • Select Review and then Create.

Image description

  • Wait for the storage account to deploy, and then select Go to resource.

Image description

  1. This storage requires high availability if there’s a regional outage. Additionally, enable read access to the secondary region.
  • In the storage account, in the Data management section, select the Redundancy blade.
  • Ensure Read-access Geo-redundant storage is selected.
  • Review the primary and secondary location information.

Image description

  1. Information on the public website should be accessible without requiring customers to login.
  • In the storage account, in the Settings section, select the Configuration blade.
  • Ensure the Allow blob anonymous access setting is Enabled.
  • Be sure to Save your changes.

Image description

Step 2: Create a blob storage container with anonymous read access

  1. The public website has various images and documents. Create a blob storage container for the content.
  • In your storage account, in the Data storage section, select the Containers blade.
  • Select + Container.

Image description

  • Ensure the Name of the container is public.
  • Select Create.

Image description

  1. Customers should be able to view the images without being authenticated. Configure anonymous read access for the public container blobs.
  • Select your public container.
  • On the Overview blade, select Change access level.

Image description

  • Ensure the Public access level is Blob (anonymous read access for blobs only). -Select OK.

Image description

Step 3: Practice uploading files and testing access.

  1. For testing, upload a file to the public container. The type of file doesn’t matter. A small image or text file is a good choice.
  • Ensure you are viewing your container.
  • Select Upload.
  • Browse to files and select a file. Browse to a file of your choice.

Image description

  • Select Upload.
  • Close the upload window, Refresh the page and ensure your file was uploaded.

Image description

  1. Determine the URL for your uploaded file. Open a browser and test the URL.
  • Select your uploaded file.
  • On the Overview tab, copy the URL.

Image description

  • Paste the URL into a new browser tab.
  • If you have uploaded an image file it will display in the browser. Other file types should be downloaded.

Step 4: Configure soft delete

  1. It’s important that the website documents can be restored if they’re deleted. Configure blob soft delete for 21 days.
  • Go to the Overview blade of the storage account.
  • On the Properties page, locate the Blob service section.
  • Select the Blob soft delete setting.
    Image description

  • Ensure the Enable soft delete for blobs is checked.

  • Change the Keep deleted blobs for (in days setting is 21).

  • Notice you can also Enable soft delete for containers.

  • Save your changes.

Image description

  1. If something gets deleted, you need to practice using soft delete to restore the files.
  • Navigate to your container where you uploaded a file.
  • Select the file you uploaded and then select Delete.
  • Select OK to confirm deleting the file.

Image description

  • On the container Overview page, toggle the slider Show deleted blobs. This toggle is to the right of the search box.

Image description

  • Select your deleted file, and use the ellipses on the far right, to Undelete the file.
  • Refresh the container and confirm the file has been restored.

Image description

Step 5: Configure blob versioning

  1. It’s important to keep track of the different website product document versions.
  • Go to the Overview blade of the storage account.
  • In the Properties section, locate the Blob service section.
  • Select the Versioning setting.

Image description

  • Ensure the Enable versioning for blobs**** checkbox is checked.
  • Notice your options to keep all versions or delete versions after.
  • Don’t forget to Save your changes.

Image description

  1. As you have time experiment with restoring previous blob versions.
  • Upload another version of your container file. This overwrites your existing file.
  • Your previous file version is listed on Show deleted blobs page.

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay