Hosting A Web App Using Visual Studio

Introduction

In this post, we will see how to host a web app or website, using Visual Studio. For hosting a website we are required to use an ftp client, like Filezilla.

Requirements

  • Visual Studio 2015
  • Azure Subscription
  • Website Template or your Website

Steps to host a website using Visual Studio developer tool in Azure Portal:

Step 1: Log into Microsoft Azure Portal. Click here for Login.

Login

Step 2: In the dashboard, click New ->Mobile+Web ->Web Apps.

Web apps

Step 3: Create a Web app using the Web app creation wizard, by giving App Name and Resource group. Click on Create button.

create

Step 4: It takes some time in the Azure Portal. Finally, the Web App is created.

In Visual Studio: 

Step 1: Open Visual Studio 2015 developer tool.

Step 2: In Visual Studio, navigate to File -> Open Project -> Website (Shift+Alt+O).

File

Step 3: Again, the browse file will pop up. In that, select the desired location of the website and click Open.

Step 4: Finally, the website is opened in Visual Studio. In that, right-click on the project name in Solution Explorer and click Publish Web App.

code

Step 5: Download Publish Profile for your Account and click import option.

Download

Step 6: Click Next after you have selected your Publish profile. It automatically imports the publish method, Server name, FTP username, and the Password.

FTP

Step 7: In the settings tab, click Next and then Publish.

Step 8: It starts the uploading process. Finally, the website is available in the Configured URL.

Configured