How to Host Website on Cloud

In this Azure tutorial, we will discussHow To Host A Website On Azure. Along with this, we will also discuss the below topics.

• Configure static website hosting using Azure Portal
• Free Website Hosting with Azure
• How to Deploy a static website in Azure
• How To Host A Website On Azure For Free
• Azure App Service
• Steps For Creating Free Azure Service
• Host dynamic website on azure
• How to Deploy a Website to Microsoft Azure
• Deploy Website to Azure
• 6 Reasons You Should Host Your Website in Microsoft Azure
• Can I host My Website on Azure
• How much does it cost to host a static site on Azure?
• Azure Websites
• How to Create and Deploy a Website with Azure
• What are the Deployment options?
• How To Create a Website Using the Azure Portal
• How to Create a Website in Microsoft Azure
• Create And Manage Your WordPress Site
• How to create a static web app on Azure
• How to Delete a Website
• Azure Portal

How To Host A Website On Azure

Well, let’s see here,
How to host a website on Azure. As part of this topic, we will discuss here,
how to build a static website and deploy that static website to Azure Storage.

Free Website Hosting with Azure

We can host our website free of cost with Azure. Let’s learn the complete steps. But, before that, we should know what are the
prerequisites
needed to start the actual functionality.

• How To Connect To Azure SQL Database
• How to create an Azure web app using PowerShell

Prerequisites

• Before starting the actual process for
  How To Host A Website On Azure, as a
  prerequisite, what you need is, you need an
  Azure Account. If you don’t have an Azure account till now, create a free Azure Account now.
• The next thing what you need is an Azure Storage Account, If you don’t have a storage account created, create a storage account now using AzurePortal or PowerShell.
• Then install the
  Visual Studio Code, if you don’t have that. We are going to use this to develop and deploy the static website.
• Now we need to install the Azure Storage Extension, To install that, follow the below steps

Open the
Visual Studio Code
from your Computer

Next step is, click on the
Extensions.

Now search for the
Azure Storage
click on the
Install
button.

Now you can see it installed successfully.

Configure static website hosting using Azure Portal

Step-1:
Login to Azure Portal(https://portal.azure.com/)

Step-2:
Navigate to the
storage account
that you have created above.

Step-3:
Now click on the
Static website
link from the left navigation.

Step-4:
Click on the
Enabled
option for the
Static website
option. Provide the value for the option
Index document name
as
index.html
and
Error document path
as
404.html. Then click on the
Save
button to save the changes.

Step-5:
Once you clicked on the
Save
button, it will populate the value for the primary and secondary end points.

How to Deploy a static website in Azure

Now what we will do is we will create a static website using the Visual Studio Code and then after successful creation, we will deploy it to the storage account.

Deploy Website On Azure

Step-1:
Create an
empty folder
in your local system and then give a
name
to the folder on your choice

Step-2:
Open the
Visual Studio Code
and click on the
Explorer
icon. Now click on the
Open Folder
button to open the folder that you have created above.

Step-3:
After opening the folder, click on the
new file
button to create a new file and name it as
index.html.

Step-4:
Open the
index.html
file and paste the below line of code

        <h1>This is my static test website</h1>
      

Step-5:
Create another file and name it as
404.html
and paste the below code in the
404.html
file.

        <h1>404 error</h1>
      

Step-6:

Right-click
on the down to the
folder
you have created and then click on the
Deploy to Static Website…
option.

Step-7:
Now click on the
Sign in to Azure…
button to sign in. Enter the Azure credential to login.

Step-8:
Now it will show you the message,
you are signed in now and can close this page. Now simply close this page.

Step-9:
Now since you have logged in to the Portal successfully. It will prompt you to
select the storage account. So click on the
storage account
in the
Visual Studio code
window.

Step-10:
Now in the same
Visual studio code
screen, you can see down the pop up saying that Deployment complete. Click on the
Browse to website
to browse the static site.

Step-11:
Now after clicking on the
Browse to website
button, It will browse the website from the storage account. Check out the
URL
for the confirmation.

Well, so here we discussed
How To Host A Website On Azure.

How To Host A Website On Azure For Free

Azure provides an excellent service known as
Azure App Service
which allows you to host your web application on
Azure Portal. You can get it free of cost for some specific tiers. Choose the tier as
F1 Free
while creating the
Azure Webapp
and an important note is you can use the space as a maximum of
1 GB
with that
F1 Free
tier plan.

Azure App Service

Azure app service
is a fully managedPlatform as a Servicethat helps to provide all the services needed to create different
web applications, mobile applications, API Apps, etc. You can
create and host
web applications and mobile applications
in a span of seconds.

For more information, you can see Azure App Service.

Steps For Creating Free Azure Service

You can follow the Steps For Creating Free Azure Service
(Create an Azure web app from Azure Portal) section.

If you can see the final step in the above article, It created the
web app
successfully with the
URL
“https://mynewwebapp643.azurewebsites.net”. You can click on the
Browse
button from the top left pane as highlighted below to browse the website.

Note: Remember to choose the pricing tier as F1 Free so that you can create a web app free of cost and One more thing is you can have a maximum 1 GB of space as part of this plan.

This is
How To Host A Website On
Azure For Free. As we discussed, you can do this using the
Azure App Service.

Host dynamic website on Azure

Well, Here let’s discuss on the topic
host dynamic website on Azure.

How to host a dynamic website on Azure

Before we are moving to the development, as a
prerequisite
what we need is, make sure Visual Studio is installed in your machine. Here I will use the Visual studio 2019 for the demonstration purpose.

The next thing is you need the Azure Subscription, if you don’t have yet, then create an Azure free account now.

Now Assuming you have a Visual Studio installed in your machine and you have a valid Azure Subscription, let’s start the development activities and see
How to Deploy a Website to Microsoft Azure.

Deploy Website to Azure

Step-1:
Launch the Visual studio in your machine

Step-2:
Click on the
File –> New –> Project
and then from the
Create a new project
window, select the
ASP.NET Web Application(.NET Framework)

Step-3:
On the Configure your new project page,
provide the Project name, location, Solution name, and choose the framework( Choose the latest framework).Click on the
Next
button.

Step-4:
On the
Create a new ASP.NET Web Application
window, select the
MVC
option, and then click on the
Create
button.

Step-5:
Wait for a few minutes, it will take a few minutes to create the project, Now you can see below it created the Project successfully with the name
DemoAzureApp.

Step-6:

Now click on the
Debug –> Start without Debugging.

Step-7:
Next is to click on the below popup to trust the
IIS Express SSL Certificate. Then on the next Popup also click on the
Yes
button to install the certificate.

Step-8:
Now you can see the default web application page loaded successfully. You can navigate to the
Home,
About,
and
Contact
page.

Step-9:
Now let’s change the default Header from the
ASP.NET
to

This Is My Azure Web App
. To do this change,
Expand Views –> Expand Home–> Index.cshtml.

Step-10:
Open the
Index.cshtml
and change the header tag value from
ASP.NET
to

This Is My Azure Web App

and then save it.

Step-11:

Now again click on the
Debug –> Start without Debugging.

Step-12:
You can see the updated output below.

Deploying Azure Website from Visual Studio

Step-13:
Now to
publish
this web application to
Azure, right click on the project name and choose
Publish
option.

Deploy website to Azure app service

Step-14:
Select
App Service
option on the
Pick a publish target
window and then select the
Create New
option. Finally click on the
Create Profile
button.

Step-15:
Provide the
name for the App Service, Choose the Subscription, Choose the Resource group, and Hosting plan.
I just kept the default values But it’s better to provide a meaning full name. Finally, click on the Create button to create the App service.

Step-16:
Now you can see it generated the Site URL and Now click on the
Publish
button to publish it.

Step-17:
Now you can see below, it published the site successfully. Check out the
URL
for the confirmation.

This is how you can
deploy website to azure app service
or
Deploy Website to Azure
by following the above steps.

6 Reasons You Should Host Your Website in Microsoft Azure

Microsoft Azure
is an excellent platform and one of the fastest-growing Cloud Infrastructure to host your website. There are many reasons to host your website in Azure. Out of all the reasons, there are 6 key reasons you should host your website in
Microsoft Azure.

1- Auto Scale Capability

Sometimes when your business grows more, you will get high
traffic
that intern requires more extra resources and since the demand is more so applications run with a high load so this is one of the biggest challenges as you can’t predict when the business will grow.

So, in order to handle this type of situation, Microsoft provides an excellent feature to scale alongside your business. What exactly
Azure
does here is, it loads your applications as a cluster that allocates a web application to a specific set of processes so that your applications are not forced to run on a single server. Thus you will never get the situation of running out of server capacity.

Azure
provides the
auto-scale
capability based on your server load to handle all traffic in an effective way. This is an excellent advantage with Microsoft Azure.

2- Staging deployment support

Azure
Provides you the functionality that supports the
staging deployment. Meaning, if you are adding any new functionality or design to your website, you can do the changes on the staging server then once you are happy with the changes then you can push that changes to live in the production environment.

3- Backup Support

As we all know it is very important that you should have a proper backup for your websites to support in case of any failure or accidents.
Azure
does that for you. Azure takes
backup
for your websites properly so that it helps you to restore it in case of any failure.

Azure uses lots of modern technology to support all this activities.

4- High Performance

Since
Azure
uses all the latest modern technology and has the resources to reduce the load time, to maintain the proper bandwidth and the proper
CDN
facilities that ensure high performance of your websites with minimal delay time.

5- Data Security

As Security is an important feature,
Azure
ensures that your site and data are safe with Microsoft by providing lots of advanced security mechanism like
Azure Information Protection,Advanced Threat Analytics
and Finally with a great feature
Multi-Factor Authorization
that really helps to completely protect from hackers or suspicious users accessing your data.

6- Multiple deployment options

Azure
provides you multiple deployment options like
FTP / FTPS,
Web Deployment, Deployment from Github repository,
etc.

Can I host My Website on Azure

The answer is Yes, you can host your website on
Azure. In Fact, if you are using App service
F1 Free
tier plan, you can host your website at free of cost. The only thing is the free tier provides you a maximum of
1 GB of storage
space for free.

Along with this
1 GB free space, you can also get support for Remote
debugging with Visual Studio debugger,
Multi-platform support
like
Java, Python, .Net, PHP, etc,
support for Performance monitoring.

You can also use the paid tier of the
Azure App service
that provides a ton of features that can help you to host your website.

How much does it cost to host a static site on Azure?

You can host a static website at a very minimum or absolutely free of cost. Only you need to pay for the storage and the operational cost. You can refer to the Microsoft official site for more information on the Pricing details.

Azure Websites

Azure Websites is nothing but a web-hosting platform that supports different types of technologies like
.NET, PHP, Python, node.js.
You need a valid
Azure account
or
Azure Subscription
to create an
Azure website.

How to Create and Deploy a Website with Azure

There are different ways to create and Deploy a website with
Azure,
Free Website Hosting with Azure. Here we will discuss a few key ways for this purpose.

What are the Deployment options?

There are different ways to deploy the websites in Windows Azure from the remote machines. Those are as below

• WebDeploy
• GIT
• FTP
• TFS

How To Create a Website Using the Azure Portal

You can follow the below steps to create a website using the Azure Portal.

How to Create a Website in Microsoft Azure

• Log in to the
  Azure Portal (https://portal.azure.com/)
• Search for App Services and then click on the search result App Services as shown below

• On the
  App Services
  page, click on the
  + Add
  button to create a website.

On the Create Web App page, Provide the below details

• Subscription:
  Select the Azure Subscription that you want to use here.
• Resource Group:
  You can select an existing resource group or if you don’t have an existing
  resource group, you can click on the Create new link to create a new resource group.
• Name:
  You need to provide a
  unique name
  for your
  Web application.
• Publish:
  Choose the Publish option based on your requirement.
• Runtime stack:
  Choose the option as per your requirement.
• Operating System:
  You can choose an operating system like
  Windows or Linux
  based on your need.
• Region: Choose the location from the list.
• Windows Plan:
  You can either use the default plan or you can click on the
  Create new
  link to create a new windows plan.
• SKU and Size:
  
  Choose the default size i.e the standard S1 or you can click on the Change size link to choose a new size based on your requirement.
• Finally, click on the
  Review + Create
  button.

Now, the system will validate all the information, and then it will enable the Create button. Click on the
Create
button to create a web app.

Now you can able to see that the deployment has been completed successfully. Click on the
Go to resource
button to navigate to the Web app that you have created.

Create And Manage Your WordPress Site

You can also create and manage your WordPress site using the
Azure Portal. Follow the below steps to create your WordPress site using Azure Portal.

• Log in to the
  Azure Portal (https://portal.azure.com/).
• Once, you have logged in to the
  Azure Portal, search for
  WordPress,
  and then click on the search result
  WordPress
  under the
  Marketplace.

• On the
  WordPress
  page, Provide the below details

• App Name:
  Provide the name for your WordPress site.
• Subscription: Provide a valid subscription that you want to use to create the WordPress site.
• Resource Group:
  You can either provide an existing resource group or you can click on the
  create new
  link to create a new resource group that you want to use here.
• Database Provider:
  You will have to select the
  Database Provider
  that you want to use here for your WordPress site based on your requirement.
• App Service Plan/Location: Select the
  App Service Plan/Location
  based on your requirement.
• Database:
  you need to provide the database setting details on the
  Database Server
  page. once you clicked on the
  “Database Settings Required”
  option.
• Application Insights:
  You can provide the
  Application Insights details
  based on your need.

Finally, click on the
create
button to create the WordPress site.

This is
How To Create And Manage Your WordPress Site.

How to create a static web app on Azure

Well, here we will discuss the steps to create a static website on Microsoft Azure.

• Log in to the
  Azure Portal
  (https://portal.azure.com/).
• Once you have logged in to the
  Azure Portal,
  search for the
  “Static web apps”
  and then click on the search result
  “Static Web Apps (Preview)”.

• On the
  Static Web Apps (Preview)
  page, click on the
  + Create
  button to create the Static Web Apps in the
  Azure Portal.

On the
Create Static Web App (Preview)
page, provide the below details

• Subscription: Select the
  Azure Subscription
  that you want to use here to
  create the static website.
• Resource Group:
  You can select your existing
  resource group
  or you can also create a
  new resource group by clicking on the
  Create new
  link as highlighted below.
• Name:
  Provide a
  unique name
  for your static website.
• Region: Provide the region or the location.

You can log in to the
GitHub account
by clicking on the
Sign in with GitHub
button and finally, click on the
Review + Create
button.

Now it will take a few seconds and will validate all the details entered by you and then it will show you
validation passed
and then only it will enable the Create button. Now click on the
Create
button to
create the static website in the Azure Portal.

This is
How to create a static websites on

Azure
with these easy steps.

How to Delete a Website

If you don’t want the website that you have created earlier anymore, then you can delete it anytime with few clicks using the Azure Portal, follow the below steps to delete a website using Azure Portal.

• Log in to the
  Azure Portal (https://portal.azure.com/).
• Navigate to the website that you want to delete.
• On the
  Overview
  tab, click on the
  Delete
  button as highlighted below.

• To confirm the Deletion, type the name of your website and then click on the
  Delete
  button to delete the website.

It will take few second and will show you the successful deletion message.

Azure Portal

Azure Portal
is a single portal that will provide the provision to access and manage all your applications in one place. You can able to build, manage, and monitor your simple web-apps to complex cloud applications using a single portal.

Check out more information on
Azure Portal
now.

You may also like the below tutorials

• How to check Azure Credit
• Vault Cannot Be Deleted As There Are Existing Resources Within The Vault
• How To Store Logs in Azure Functions Which Can Be Accessed Later
• What Is the Difference Between Azure and Office 365?
• Top 50 Azure Interview Questions and Answers latest

Conclusion

Well, here in this article we discussed
How To Host A Website On Azure, Configure static website hosting using Azure Portal, How to Deploy a static website in Azure, How To Host A Website On Azure For Free. Apart from this we also discussed
Azure App Service, Steps For Creating Free Azure Service, Host dynamic website on azure, and How to Deploy a Website to Microsoft Azure,
Deploy Website to Azure. Finally, we discussed
6 Reasons You Should Host Your Website in Microsoft Azure, and
Can I host My Website on Azure,
How much does it cost to host a static site on Azure?, Azure Websites, How to Create and Deploy a Website with Azure, What are the Deployment options?, How To Create a Website Using the Azure Portal, How to Create a Website in Microsoft Azure, Create And Manage Your WordPress Site, How to create a static web app on Azure, How to Delete a Website,
Azure Portal.
I Hope, you have enjoyed this article !!!

.