Azure : How to publish a web site from VS2013 to Azure

This is the first post in a series of beginners articles on how to do things in Azure. This series will be for absolute beginners, and if you are not one of those this will not be for you.

You can find the complete set of posts that make us this series here :

 https://sachabarbs.wordpress.com/azure/

This time we will be looking at how to create and publish a web site to Azure using the Azure web portal (there is a new version of this coming soon, but for now it looks as shown below).

The first thing you will need is an Azure subscription, if you don’t have one of these you will need to get one. Once you have that you can sign into the portal.

Once you have signed into the Azure portal you simple need to create a new web site, I personally use the “Quick Create” option, and then you need to pick the Url and region for the new site. 

image

This will then create a new website place holder in Azure. You now need to go into the newly created place holder web site, which will take you into the Azure page for the new web site

image

From there you will be able to download the publish profile. This will be a single file which you should store somewhere where you will remember it.

image

Now you can go into Visual Studio 2013, and create a new website. I chose to go with one of the standard templates, where I simply altered the content a bit, such that I know the publishing step we will do later actually worked.

image

Once you are happy with your awesome web site you can right click and use the “Publish Web Site” menu.

image

This will then present you with some choices. You can use the “Import” option, and then browse to the publish profile settings file you downloaded in the Azure web portal step.

image

All you then need to do is follow the wizard through, and make sure you click “publish” at the end and you should then up with a lovely website hosted in Azure, as can be seen from the screen show below.

image

Not rocket science I know, but as I say this is for absolute Azure beginners.

Advertisements

3 thoughts on “Azure : How to publish a web site from VS2013 to Azure

  1. abatishchev says:

    I’d say the ultimate choice is publishing from Git(Hub). From a branch (web sites) or separate repo (web apps using Octopus Deploy).

    • sachabarber says:

      Yeah all valid paths to take, I just wanted to keep these articles as simple as possible. I do completely agree those are excellent selling points for azure

  2. Aaron says:

    Thanks for sharing, I still haven’t had time to mess around with Azure, so I think you may have given me that extra boost I needed. Thanks!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: