Home

Publish The Static Website Using Azure Storage

%3CLINGO-SUB%20id%3D%22lingo-sub-941500%22%20slang%3D%22en-US%22%3EPublish%20The%20Static%20Website%20Using%20Azure%20Storage%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-941500%22%20slang%3D%22en-US%22%3E%3CP%3EMicrosoft%20introduced%20Static%20website%20hosting%20is%20a%20feature%20from%20storage%20account%20enabled%20on%20the%3CSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3EStatic%20website.%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20enable%20static%20website%20hosting%2C%20select%20the%20name%20of%20your%20default%20file%2C%20and%20then%20optionally%20provide%20a%20path%20to%20a%20custom%20404%20page.%20If%20a%20blob%20storage%20container%20named%26nbsp%3B%3CSTRONG%3E%24web%3C%2FSTRONG%3E%26nbsp%3Bdoesn%E2%80%99t%20already%20exist%20in%20the%20account%2C%20one%20is%20created%20for%20you.%20Add%20the%20files%20of%20your%20site%20to%20this%20container.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECreating%20a%20new%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3EAzure%20Storage%20Account%3C%2FSTRONG%3E%26nbsp%3Band%20provide%20a%20name%20and%20under%20the%26nbsp%3B%3CSTRONG%3EAccount%20-Kind%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3Emake%20sure%20that%20you%20select%3CSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3EGeneral%20Purpose%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3EStorageV2%3C%2FSTRONG%3E.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F145821iD6B363A9BCD8ACE1%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.jpeg%22%20title%3D%22clipboard_image_0.jpeg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EAfter%20it%20creates%20the%20resource%20then%20go%20to%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3ESettings%3C%2FSTRONG%3E%26nbsp%3Band%20select%26nbsp%3B%3CSTRONG%3EStatic%20website%3C%2FSTRONG%3E.%20Select%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSTRONG%3EEnabled%3C%2FSTRONG%3E%26nbsp%3Bfor%20Static%20Website.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EUnder%20the%26nbsp%3B%3CSTRONG%3EIndex%20Document%20Name%3C%2FSTRONG%3E%26nbsp%3Btype%26nbsp%3Bindex.html%26nbsp%3Band%20under%26nbsp%3B%3CSTRONG%3EError%20document%20path%3C%2FSTRONG%3E%26nbsp%3Btype%26nbsp%3B404.html.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F145819i6D8EB0A7115827E7%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_1.jpeg%22%20title%3D%22clipboard_image_1.jpeg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSTRONG%3EClick%20Save%3C%2FSTRONG%3E%2C%20you%E2%80%99ll%20see%20there%20is%20a%26nbsp%3B%24web%26nbsp%3Bfolder%20that%20you%20can%20click%20on%20to%20upload%20your%20files.%20I%20simply%20dropped%20a%20single%26nbsp%3Bindex.html%26nbsp%3Bfile%20with%20some%20text%20to%20test.%20You%E2%80%99ll%20also%20want%20to%20jot%20down%20the%26nbsp%3B%3CSTRONG%3EPrimary%20endpoint%3C%2FSTRONG%3E%26nbsp%3Blocation%20as%20you%E2%80%99ll%20test%20your%20site%20with%20that%20URL.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F145820iB16C9EE43B3AA537%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_2.jpeg%22%20title%3D%22clipboard_image_2.jpeg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EUpload%20HTML%20files%3CSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%24web%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3Efolder.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F145822i96D3302B7D07D784%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_3.jpeg%22%20title%3D%22clipboard_image_3.jpeg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F145823iA7952013B68BBBD7%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_4.jpeg%22%20title%3D%22clipboard_image_4.jpeg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EOnce%20you%E2%80%99ve%20uploaded%20your%20file%20to%26nbsp%3B%24web%26nbsp%3Bthen%20go%20to%20your%20browser%20and%20paste%20in%20the%20URL%20provided%20in%20the%20previous%20step.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F145824i65F1C0B11A90F208%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_5.jpeg%22%20title%3D%22clipboard_image_5.jpeg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-941500%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EAzure%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EData%20%2B%20Storage%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Highlighted
Kugan Nadaraja
Occasional Contributor

Microsoft introduced Static website hosting is a feature from storage account enabled on the Static website.

 

To enable static website hosting, select the name of your default file, and then optionally provide a path to a custom 404 page. If a blob storage container named $web doesn’t already exist in the account, one is created for you. Add the files of your site to this container.

 

Creating a new Azure Storage Account and provide a name and under the Account -Kind make sure that you select General Purpose StorageV2.

clipboard_image_0.jpeg

After it creates the resource then go to Settings and select Static website. Select Enabled for Static Website.

 

Under the Index Document Name type index.html and under Error document path type 404.html.

 

clipboard_image_1.jpeg

Click Save, you’ll see there is a $web folder that you can click on to upload your files. I simply dropped a single index.html file with some text to test. You’ll also want to jot down the Primary endpoint location as you’ll test your site with that URL.

 

clipboard_image_2.jpeg

Upload HTML files $web folder.

clipboard_image_3.jpeg

 

clipboard_image_4.jpeg

Once you’ve uploaded your file to $web then go to your browser and paste in the URL provided in the previous step.

 

clipboard_image_5.jpeg