How To Deploy Web App To Azure Using Visual Studio

Let's create a simple ASP.NET MVC Project for a demo. You can choose to create any Web Application like Empty, WebForms or MVC.

Creating a MVC Project

Step 1

Open Visual Studio.

Step 2

Go to File => New Project.

1. Select Visual C# => Web => ASP.NET Web Application.
2. Name your Solution (eg. EasyCRM) and Project (EasyCRM.UI), followed by clicking OK.
3. Select MVC.
4. Change Authentication to Individual Accounts.
   
   
   

Now, you will see the screen given below.

Now, run the Application (Start without debugging).

You will notice the screen given below.

Creating Azure app

Step 1

Login to Azure. www.portal.azure.com 

Step 2

New => Web + Mobile => Web App.



Now, you will see a new Window, as shown below.

• App Name - This is the name of your app. Please note that your Website link will be your_app_name.azurewebsites.net.
• Subscription - Type of Azure Subscription (Can be MSDN Visual Studio Subscription or DreamSpark Subscription).
• Resource Name - Resource name of your app. You can add the new app to an existing Resource Group.or Create New.
• Pin to Dashboard - Tick on this to pin the newly created WebApp to Azure dashboard.

Fill the form given above and now you will be able to see your Web app being deployed on Azure dashboard.



Once your app is deployed, you will see your app, as shown below.

Get Publish file

Azure Web App Publish Files are the files with .PublishSettings extensions. This is a XML file with all the information like

• Server Name.
• Username.
• Password of the Web host (As of now, it is Azure).

Steps to get Publish Setting Files for Azure Web app

Step 1

Navigate to your newly created Web App. You will see Windows, as shown below.

Step 2

Now, click Get Publish Profile to download Publish Settings File.

Publishing an app using Visual Studio

Publishing Web App from Visual Studio is very easy.

Step 1

Right click on your Project.

Step 2

Select Publish.

Step 3

Select Import.

Step 4

Now, import the downloaded Publish File and click OK.

Step 5

Click OK, followed by Next.

Step 6

Now, select Publish Method.

There are four types of Publish method provided by Visual Studio.

• Web Deploy
• WebDeploy Package
• FTP
• File System

For now, we will select Web Deploy

All the information related with your Server is filled here automatically, as shown below.

• Server Name
• Site Name
• Username
• Password
• Destination URL

Step 7

Click Next.



Step 8

Select Release Mode (If you want to publish your Web app in Debug mode, then you can easily do it).

Step 9

Click Next.

Step 10

Select Web Deploy.

Step 11

Publish.

Now, you will notice that Visual Studio will build the project first and then start Publishing files to Azure.

Once Visual Studio finished publishing app to Azure you will be redirected to your site.

Please notice that the URL of the Website will be "your_app_name.azurewebsites.net"

Summary

You learned,

• How to create a simple ASP.NET MVC Application, using Visual Studio. '
• How to create a Web app, using Azure.
• Get Publish file for Azure Web App.
• How to publish ASP.NET MVC Application to Azure Web app, using Visual Studio.

You may also like

• Working with Areas in MVC Application
• Code First Approach in MVC
• Dropdown in MVC Razor
• How to Create Image Thumbnail in C#
• Face Detection using Microsoft Cognitive Services
• Adding CKEditor(Rich Text Editor) in MVC Application