In this article we will go step by step to host Static ASP.NET Website using Visual Studio on Azure within a few clicks. For this example, we are using Azure Management Portal or Classic Portal to create Web App.
Prerequisites
You will learn
- Host Website using Visual Studio
Step 1: Navigate to Microsoft Azure Management Portal & sign in with Azure Subscription credentials.
Step 2: Click on +New -> COMPUTE -> WEB APP -> QUICK CREATE.
Enter URL name, App Service plan & Region.
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/550x0/__key/communityserver-wikis-components-files/00-00-00-00-05/7318.WAVS01.jpg)
Step 3: Click on website name and select DASHBOARD tab. Download the Web App Publish profile.
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/550x0/__key/communityserver-wikis-components-files/00-00-00-00-05/5050.WAVS03.jpg)
Step 4: Start Visual Studio & Open the project. Right Click on project name & select “Publish”.
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/500x0/__key/communityserver-wikis-components-files/00-00-00-00-05/5340.WAVS04.jpg)
Step 5: Select Import option. Browse the downloaded publish profile file(.PublishSettings file.
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/500x0/__key/communityserver-wikis-components-files/00-00-00-00-05/7774.WAVS05.jpg)
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/450x0/__key/communityserver-wikis-components-files/00-00-00-00-05/6175.WAVS06.jpg)
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/450x0/__key/communityserver-wikis-components-files/00-00-00-00-05/2148.WAVS07.jpg)
Step 6: Publish methods options like server, site name, username, password & destination URL option available. Click on Next button.
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/550x0/__key/communityserver-wikis-components-files/00-00-00-00-05/5001.WAVS08.jpg)
Step 7: Choose Configuration -> Debug or Release.
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/550x0/__key/communityserver-wikis-components-files/00-00-00-00-05/5734.WAVS09.jpg)
Step 8: Again click on Next button. Preview of web deployment available & Publish the project.
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/550x0/__key/communityserver-wikis-components-files/00-00-00-00-05/8272.WAVS10.jpg)
Wait for few seconds or minutes; it also depends on the project size as well as on internet connectivity to publish projects on Azure.
![](https://social.technet.microsoft.com/wiki/resized-image.ashx/__size/500x0/__key/communityserver-wikis-components-files/00-00-00-00-05/7318.WAVS11.jpg)
Congratulations your Visual Studio Project is successfully hosted on Microsoft Azure!
Read more articles on ASP.NET.