Оффлайн
- Регистрация
- 1 Мар 2015
- Сообщения
- 1,481
- Баллы
- 155
The Complete Beginner's Guide to Kubernetes and Cloud Native Architecture
? How I Deployed My First HTML File on Azure (in Minutes!)
Step 1: Prerequisites
Before we dive in, make sure you have the following:
Azure CLI installed ?
An active Azure Subscription ?
Your HTML file (with any supporting assets)
? Step 2: Login to Azure
Open your terminal (PowerShell, CMD, or Bash) and log in to Azure:
az login
If you have multiple subscriptions, set the one you want to use:
az account set --subscription "Your-Subscription-Name"
This helps avoid confusion if you’re managing more than one Azure account.
? Step 3: Create a Resource Group
A resource group helps organize your Azure resources like a folder.
az group create --name myResourceGroup --location southafricanorth
? You can change myResourceGroup to any name you prefer. For example, if you’re working on a portfolio site, something like portfolioResources works well.
? The location southafricanorth can be changed to any supported Azure region closer to your audience, like eastus or westeurope.
Use this command to list available regions:
az account list-locations -o table
? Step 4: Create an App Service Plan
The App Service Plan defines what kind of infrastructure (CPU, memory, etc.) your app will run on. For this project, we’ll use the free tier:
az appservice plan create --name myAppServicePlan --resource-group myResourceGroup --sku FREE
? You can name your App Service Plan whatever you want — for instance, htmlAppPlan.
? --sku FREE gives you enough compute power to host a basic HTML site — ideal for personal portfolios or testing.
? Step 5: Create the Web App
Now, create the actual Web App that Azure will host:
az webapp create --name kubernetesNotes --resource-group myResourceGroup --plan myAppServicePlan
? Your app name (kubernetesNotes) must be **globally unique* — Azure will use it to generate a public URL like:*
? If you get a naming error, try something more specific, such as myUniqueResumeApp2025.
You can replace kubernetesNotes with your own project name.
? Step 6: Upload and Host Your HTML File
Here’s how to replace the default hosting page with your own HTML:
Option: Use Azure’s Advanced Tools (Kudu)
? Your website is now LIVE!
? Bonus: Want to Deploy via ZIP File Instead?
If you’re comfortable using the CLI, you can zip your HTML files and deploy them in one command:
zip -r resume.zip index.html assets/
az webapp deployment source config-zip --resource-group myResourceGroup --name kubernetesNotes --src resume.zip
? This is useful when you’re deploying multiple files or updating them frequently.
Again, feel free to replace resume.zip and kubernetesNotes with your own zip file name and app name.
? Wrapping Up
You just:
All using just the CLI and Azure’s built-in tools — no servers, no frameworks, no stress. ?
Now your resume, landing page, or mini project has a permanent home!
? How I Deployed My First HTML File on Azure (in Minutes!)
Step 1: PrerequisitesBefore we dive in, make sure you have the following:
Azure CLI installed ? An active Azure Subscription ? Your HTML file (with any supporting assets)? Step 2: Login to Azure
Open your terminal (PowerShell, CMD, or Bash) and log in to Azure:
az login
If you have multiple subscriptions, set the one you want to use:
az account set --subscription "Your-Subscription-Name"
This helps avoid confusion if you’re managing more than one Azure account.
? Step 3: Create a Resource Group
A resource group helps organize your Azure resources like a folder.
az group create --name myResourceGroup --location southafricanorth
? You can change myResourceGroup to any name you prefer. For example, if you’re working on a portfolio site, something like portfolioResources works well.
? The location southafricanorth can be changed to any supported Azure region closer to your audience, like eastus or westeurope.
Use this command to list available regions:
az account list-locations -o table
? Step 4: Create an App Service Plan
The App Service Plan defines what kind of infrastructure (CPU, memory, etc.) your app will run on. For this project, we’ll use the free tier:
az appservice plan create --name myAppServicePlan --resource-group myResourceGroup --sku FREE
? You can name your App Service Plan whatever you want — for instance, htmlAppPlan.
? --sku FREE gives you enough compute power to host a basic HTML site — ideal for personal portfolios or testing.
? Step 5: Create the Web App
Now, create the actual Web App that Azure will host:
az webapp create --name kubernetesNotes --resource-group myResourceGroup --plan myAppServicePlan
? Your app name (kubernetesNotes) must be **globally unique* — Azure will use it to generate a public URL like:*
? If you get a naming error, try something more specific, such as myUniqueResumeApp2025.
You can replace kubernetesNotes with your own project name.
? Step 6: Upload and Host Your HTML File
Here’s how to replace the default hosting page with your own HTML:
Option: Use Azure’s Advanced Tools (Kudu)- Go to the
- Navigate to: App Services → your app name (e.g., kubernetesNotes)
- In the left-hand menu, scroll to Advanced Tools and click "Go >"
- This opens the Kudu console in a new tab
- Click the top menu: Debug Console → CMD
In the file explorer, navigate to:
site > wwwroot
Edit the file hostingstart.html
Drag and drop your own HTML file (e.g., index.html) into the folder
Open a new browser tab and go to:
? Your website is now LIVE!
? Bonus: Want to Deploy via ZIP File Instead?
If you’re comfortable using the CLI, you can zip your HTML files and deploy them in one command:
zip -r resume.zip index.html assets/
az webapp deployment source config-zip --resource-group myResourceGroup --name kubernetesNotes --src resume.zip
? This is useful when you’re deploying multiple files or updating them frequently.
Again, feel free to replace resume.zip and kubernetesNotes with your own zip file name and app name.
? Wrapping Up
You just:
- Logged into Azure
- Created a resource group and hosting plan
- Deployed a web app
- Uploaded your own HTML and went live on the internet!
All using just the CLI and Azure’s built-in tools — no servers, no frameworks, no stress. ?
Now your resume, landing page, or mini project has a permanent home!