Here’s the README.md formatted documentation for your Azure Storage + VM project:
This project demonstrates how to:
- Create an Azure Storage Account & Blob Container.
- Upload scripts and assets to Blob Storage.
- Launch an Azure Linux VM and execute a custom script to deploy a simple Apache-based static website.
- Update Blob access policies for anonymous use.
- Serve static content (HTML & Images) on the VM with Blob-hosted assets.
az storage account create \
--name <your-storage-account-name> \
--resource-group <your-resource-group> \
--location <location> \
--sku Standard_LRSaz storage container create \
--name mycontainer \
--account-name <your-storage-account-name>Prepare your script.sh file:
#!/bin/bash
sudo apt-get update -y
sudo apt-get install apache2 -y
sudo systemctl start apache2
sudo systemctl enable apache2
cd /var/www/html
sudo chmod 755 /var/www/html
sudo tee index.html > /dev/null <<EOF
<!DOCTYPE html>
<html>
<head>
<title>Welcome Page</title>
</head>
<body>
<h1 style="text-align: center;">Hello World</h1>
</body>
</html>
EOFUpload it to Blob Storage:
az storage blob upload \
--account-name <your-storage-account-name> \
--container-name mycontainer \
--file script.sh \
--name script.sh- Go to Azure Portal > Virtual Machines > Create VM.
- Select Advanced tab.
- Under Custom Data, upload your
script.sh. - Complete VM creation and deploy.
- Go to the VM Overview in Azure Portal.
- Copy the Public IP Address.
- Open a browser and navigate to:
http://<Public-IP-Address> - You should see:
hello world
-
Storage Account > Settings > Configuration:
- Set Allow Blob anonymous access to Enabled.
-
Data Storage > Containers > mycontainer:
- Click Change Access Level.
- Select Anonymous Read Access for blobs only.
On the VM:
cd /var/www/html
sudo nano index.htmlReplace content with:
<html>
<head>
<title>My Static Website</title>
</head>
<body>
<h1 style="text-align: center;">Welcome to My Static Website!</h1>
<div style="text-align: center;">
<img src="https://<your-storage-account-name>.blob.core.windows.net/mycontainer/cat.jpg" alt="Cat">
</div>
</body>
</html>Save and exit. Now reload your VM's Public IP in the browser. The image will load from Azure Blob Storage.
https://atulkamble9796857478.blob.core.windows.net/mycontainer/cat.webp
Data Management static website setting
web >> index.html (paste blob url)
example: https://atulkamble9796857478.z13.web.core.windows.net/