How To Host Static Website On Blob Storage
Storage is very important in every virtual machine created on Azure or any machine created for everyday use by the society.
In order to create storage on Azure, it is paramount that you have Azure subscriptions in place to be able to have access to the platform.
Signing in to Azure portal
After successfully create you Azure account on Microsoft Website and signing in, then you go to Azure portal using you username and password to sign in.
When you have finished signing in you will see services where you will chose storage account and click, see below attach.
After clicking on the storage account another page will open where project details will be filled, In this case i left the subscription as default. Then click on create to fill in my resource group for future identification.
Then move to instance details and create my storage account name, and choose region. Region is where your virtual machine is located, in this case i click on the drop down and choose East US.
See attached picture below.
On the same Instance details, you must choose the type of redundancy you prefer in order to launch this storage. In this case I choose Locally-redundant storage (LRS).
You can choose any of the redundancy depending on the type of protection the storage required. See the picture attached below.
After you have chosen the redundancy, and clicked on next, you will come to the security where you will enable the security that applies to you. In this case I ticked all the box.
See the picture below.
After you have done with security and clicked on next, you will come to Blob storage where you will choose if you want a blob storage with frequent access which is Hot, or Cool which is infrequently access, this is called Access tier.
On the Encryption page, I click on all service types. See below
On the Tags page, you might decide not to give it a name, you could still manage to create your storage without Tags. But in case you are creating multiple storages, it is advisable to fill in the Tags in order to be able to easily differentiate or identify them, Then click on review.
See the picture below.
After clicking on review, you will see all the information, Need to change anything feel free to do so, or if you are ok click on create. See below
After your blob storage has been created, you will see the information saying your deployment is completed.
Then click on go to resource.See the picture below
Your next page will show you the picture below where you will scroll down on the left hand side and click on the static website to enable it.
After the static website is open, and you have enabled it, fill in the index document name with (index.html), and error document path (error.html), then click on save.
See the picture below.
After clicking on save the result returned primary endpoint.
below after clicking on save.
On the dropped down on your left hand side, click on containers to view the saved static storage. You will see the web then click on it.
After clicking on it, it will take you to another page where you will see an empty folder created.
When the folder have been created, you will go to your website to download Ceevee, then extract the folder if it come in zip folder.
See picture below.
After the folder is been extracted, below is how it will look like
Then go to your search bar on your computer to find Visual Studio Code and open it, go to the search box and install Azure Account, and Azure storage.
See the picture below.
After you have downloaded both Azure Account and Azure storage, click file on the top left to choose the open folder on the drop down. See the picture below.
After clicking on the open folder, it will open and you will see the download ceevee folder and you click on the select folder.
Another page will open where it will prompt you to agree if you trust the authors of the file? And you will click on yes I trust the author.
See the picture below.
On the next page you will see the downloaded Ceevee, and when you click on it you will see all the Ceevee file where you will choose the one that apply to you.
See the picture below.
On the drop down choose the index.html and click on it.
See the picture below.
After clicking on the index html another page will open where you will be able to customise your Ceevee to your taste and click on save to save the change you have made.
After you have saved the file, you will search for your Azure subscription and click on it, this will prompt you to either sign in to your account or take you through to Azure if you have already signed in.
See the picture below.
On the drop down, click on the storage account.
See the picture below
When you click on the storage account, the storage account name will appear underneath it. Then you will click on your storage account name, In my own case my storage account name is (VMSG).
On the top under the search bar, you will see the Ceevee, click on it.
See the picture below
After clicking on the Ceevee, the deployment will start, this will take a few minutes depending on your computer.
When the deployment is completed, it will request if you want to browse website.
See the picture below
After instruction have been giving to the program to browse the website.
The program will return the result as seen below.
See the picture below
